threejs(webgl)

unity的navmesh生成可供threejs使用的模型数据文件

1、在unity中生成导航网格2、导出网格的顶点和索引数据这是导出数据的C#文件代码usingSystem.IO;usingUnityEditor;usingUnityEngine.SceneManagement;usingUnityEngine;usingSystem.Security.Cryptography;//navmesh导出数据publicclassNavMeshExport:Mono
dfstqaaaaaa·2023-11-02 10:20

一起来玩玩WebGL--第一弹

文末福利：开发者藏经阁NO.1序上一篇文章说到我从客户端转前端的历程，短短一年的时间就打开了前端世界的大门，简直就是有无穷多的东西可玩，以前酷爱Java的我终于见识到什么都可以写的JavaScript的厉害了，不仅仅可以写Web，客户端，后端，系统应用，还可以在神经网络、物联网，甚至嵌入式都可以，简直就是一个万能的语言，可以说能编程的地方理论上都可以用JS来写！转前端后，我就发现了不少新奇好玩的东
音视频开发进阶·2023-11-02 07:48

webgl第十课-绘制三角形

需要源码可以Q群：828202939或者点击这里希望可以和大家一起学习、一起进步！！纯手打！！书籍是PDF电子档，也在Q群里，所有的课程源代码在我上传的资源里面，本来想设置开源，好像不行！如有错别字或有理解不到位的地方，可以留言或者加微信15250969798，在下会及时修改！！！！！绘制三角形和绘制3顶点的代码几乎没啥区别，如果你看过第九课，本节课的代码对你来说应该是非常熟悉了本文绘制三角形在上
webgl_谷子·2023-11-02 07:14

WebGL入门教程(二)-webgl绘制三角形

前面已经介绍过了webgl，WebGL入门教程(一)-初识webgl（http://www.cnblogs.com/bsman/p/6128447.html）,也知道了如何绘制一个点，接下来就用webgl
weixin_30404405·2023-11-02 07:13

WebGL入门(三十八)-绘制透明三维物体，通过α混合绘制透明三角形

通过α混合绘制透明三角形1.demo效果2.知识要点2.1α混合2.2α混合实现2.3指定混合gl.blendFunc()3.demo代码1.demo效果如上图，绘制了前、中、后三个三角形，通过α混合实现了透明效果2.知识要点2.1α混合RGBA模式中A称为颜色的α分量，控制着颜色的透明度，取值范围是0~1,0代表完全透明，完全看不到图形，1代表完全不透明，取0到1之间的值，代表一定的透明度，可以
点燃火柴·2023-11-02 07:43

WebGL入门(五)-使用缓冲区对象向着色器传值绘制三角形

使用缓冲区对象向着色器传值绘制三角形1.demo效果2.相关知识点2.1什么是缓冲区对象2.2使用缓冲区对象的步骤2.2.1创建缓冲区对象2.2.2绑定缓冲区2.2.3向缓冲区对象写入数据2.2.4将缓冲区对象分配给attribute变量2.2.5开启attribute变量2.3类型化数组2.4gl.drawArray()第一个参数mode说明3.demo代码1.demo效果如上图，在黑色背景中绘
点燃火柴·2023-11-02 07:12

WebGL入门(九)-通过缩放矩阵实现图形(三角形)的缩放

通过缩放矩阵实现图形的缩放1.缩放效果展示2.缩放矩阵推理3.使用缩放矩阵要点3.1声明缩放矩阵3.2获取缩放矩阵u_ScaleMatrix的存储地址3.3向缩放矩阵u_ScaleMatrix传值4.demo代码1.缩放效果展示如上图，三角形在Y轴方向上放大了1.5倍，是通过缩放矩阵实现的缩放效果。先来看看它的实现原理与实现过程2.缩放矩阵推理如上，与平移矩阵与一样，缩放矩阵推理也分三步：第一步介
点燃火柴·2023-11-02 07:12

WebGL入门(二十二)-通过顶点索引绘制渐变色的立方体

通过顶点索引绘制渐变色的立方体1.demo效果2.相关知识点2.1顶点索引原理2.2gl.drawElements()方法3.demo代码1.demo效果如上，通过顶点索引绘制出了一个渐变色的立方体2.相关知识点2.1顶点索引原理如上，立方体有8个顶点，v0~v7；6个面，前、后、上、下、左、右；以最前面的面为例，由四个顶点v0-v1-v2-v3拼出的两个三角形组成，这两个三角形使用的顶点索引分别
点燃火柴·2023-11-02 07:12

WebGL 概念和基础入门

WebGL概念和基础入门WebGL是什么对于WebGL百度百科给出的解释是WebGL是一种3D绘图协议，而对此维基百科给出的解释却是一种JavaScriptAPI。
一晌贪欢i·2023-11-02 07:10

webgl入门到成仙【入门-04wegbl的实际绘图思路】

04webgl的实际绘图思路知识点webgl的绘图思路找一台电脑浏览器里内置的webgl渲染引擎，负责渲染webgl图形，只认GLSLES语言找一块手绘板程序对象，承载GLSLES语言，翻译GLSLES
俞华·2023-11-02 07:39

webgl入门--绘制一个三角

二.初始化WebGL上下文constcanvas=document.querySelector("#glcanvas");//初始化WebGL上下文constgl=canvas.getContext("
cyydd21·2023-11-02 07:36

WEBGL入门

1.uniform，attribute和varying变量想要将位置信息从javascript程序中传给顶点着色器。有两种方式可做到：attribute变量和uniform变量。attribute变量传输时那些与顶点相关的数据，uniform变量传输的是哪些所有顶点相同(与顶点无关)的数据。例如attributevec4a_Position,attribute变量a_Position的类型为vec
木一叶liuyue·2023-11-02 07:05

webGL入门（一）

渲染管线Webgl的渲染依赖底层GPU的渲染能力。所以WEBGL渲染流程和GPU内部的渲染管线是相符的。渲染管线的作用是将3D模型转换为2维图像。
火海妖·2023-11-02 07:05

WEBGL入门的基础介绍

目录WebGL基本介绍概述WebGL的特性图形硬件的介绍WebGL开发入门WebGL绘制图形抽象过程基于WebGL封装的框架WebGL坐标系基础视变换投影变换视口变换实例演示（使用ThreeJS)光照光照类型光照的原理
Amesteur·2023-11-02 07:05

webgl入门-基础三角形绘制

背景最近工作上频繁接触webgl，因为不熟悉每每看到shader中的语法总感觉脑袋大，所以打算开始从零学习一下webgl，文章只做记录学习历程，那就直接开始吧！开始可以配合着这个文章食用。
温柔先生·2023-11-02 07:34

渲染系统中MRT和RTT的应用组合(WEBGL2 GLSL ES3实现)

我的渲染系统兼容(WebGL1GLSLES2)使用方式一致，请见:渲染系统中MRT和RT
含影·2023-11-02 05:42

3D空间画线演示(这里使用webgl 所以不能设置线宽)

Demo:Rendering&Art如果直接用opengl,绘制线更方便,webgl只是使用gles的一些api，而且各个浏览器支持不一样。
含影·2023-11-02 05:41

WEBGL_draw_buffers RENDER WARNING: texture bound to texture unit 0 is not..错误解决方案

今天在调整渲染系统中的一个MRT机制，结果不小心改错了逻辑，运行报错信息：[.WebGL-00000000051B4190]RENDERWARNING:textureboundtotextureunit0isnotrenderable.Itmaybenon-power-of
含影·2023-11-02 05:11

3D引擎系统对于分布式运行时的支持

WebGL环境Demo:http://www.artvily.com/renderCase?
含影·2023-11-02 05:11

解决 Failed to execute ‘texSubImage2D‘ on ‘WebGL2RenderingContext‘: Tainted canvases may not be loaded

报这样的错误：caughtDOMException:Failedtoexecute'texSubImage2D'on'WebGL2RenderingContext':Taintedcanvasesmaynotbeloaded
含影·2023-11-02 05:40

GL_INVALID_OPERATION: Feedback loop formed between Framebuffer and active Texture 错误

Opengl/webgl(opengles)环境下FBO使用不当可能出现如下错误:GL_INVALID_OPERATION:FeedbackloopformedbetweenFramebufferandactiveTexture
含影·2023-11-02 05:10

WebGL 和 WebGPU[2] - 初始化篇

文章目录1.获取高频操作对象1.1WebGL获取上下文对象1.2WebGPU获取设备对象2.初始化参数的异同2.1WebGL2.2WebGPU分两步2.2.1GPUAdapter2.2.2GPUDevice3
岭南灯火·2023-11-02 05:05

Three.js自发光贴图 .emissiveMap

Three.js自发光贴图.emissiveMapWebGL/Threejs技术博客：查看更多文章和实战案例在Three.js材质中，和颜色贴图属性.map对应的是颜色属性.color,和高光贴图属性.
郭隆邦技术博客·2023-11-02 01:05

【js&threeJS】入门three，并实现全景看房案例，附带全码

它基于WebGL技术three.js有四个不同的引用资源：three.module.min.js、three.module.js、three.min.js、three.js，区别如下：
来自湖南的阿晨·2023-11-01 17:36

threejs实现简单全景看房demo

正在上传…重新上传取消各位大家好，最近一直在学习threejs，在学习过程中不断进步，在将来我会不断完善我的threejs案例库，希望能在学习路上帮到大家接下来为各位介绍的是一个全景看房的demo，我们先上地址
天空之枫·2023-11-01 17:33

threejs可视化快速入门指北（附3D资源导航）

前言当你开始思考你应该如何学习WebGL和Three.js的时候，相信你至少对相关的关键词了解过了，希望通过WebGL或Three.js实现你想要的Web3D功能，也许你也会去思考通过WebGL或Three.js
懒人码农·2023-11-01 17:32

HDRI贴图下载及Three.js利用

最令人兴奋的项目之一是在Threejs中添加HDRI背景。HDRI图像是从房间内部或花园、丛林或山脉等开放环境等场景中以360度捕获的。你可以自己创建任何这些图像，但这不是本教程的主题。
新缸中之脑·2023-11-01 17:56

webGL编程指南 第五章 MultiAttributeSize_interleaved.js

我会持续更新关于wegl的编程指南中的代码。当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助git代码地址：空在上一章节中我们使用的是2个buffer，向着色器中传递数据，本章节中我们学习使用一个buffer传递数据。Documentletcanvas=document.getElementById('canvas');letgl=canvas.getContext('
sogooday·2023-11-01 17:21

webGL编程指南 第五章 MultiAttributeColorjs.js

我会持续更新关于wegl的编程指南中的代码。当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助git代码地址：空上一章节中只要使用了同一个buffer传递，位置与点的大小。本案例中我们将学习新的varying。次变量可以对顶点进行赋值Documentletcanvas=document.getElementById('canvas');letgl=canvas.getCo
sogooday·2023-11-01 17:21

webGL编程指南 第五章 TexturedQuad_Clamp_Mirror

我会持续更新关于wegl的编程指南中的代码。当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助git代码地址：空上一章节中我们学习了如何使用varyting变量绘制图片，本章节，我们学习texParameteri的使用Document#canvas{width:100vw;height:100vw;border:1pxsolidgreenyellow;}!!!!!需要指出
sogooday·2023-11-01 17:21

webGL编程指南 第五章 TexturedQuad

我会持续更新关于wegl的编程指南中的代码。当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助git代码地址：空上一章节中我们使用了varying传递，数据，这次我们绘制一张图片Document#canvas{width:100vw;height:100vw;border:1pxsolidgreenyellow;}!!!!!需要指出的是要选择当前文件夹下的sky.jpg!
sogooday·2023-11-01 17:49

unity 时间戳 相关用法

0.webGL平台时间转换DateTimenow=DateTime.Now.AddMinutes(-15);stringformattedTime=now.ToString("yyyy年M月d日HH:mm
野区捕龙为宠·2023-11-01 11:53

Threejs绘制圆形的源码，可以鼠标滚轮放大缩小

直接复制到html格式即可打开查看效果绘制曲线body{margin:0;overflow:hidden;/*隐藏body窗口区域滚动条*/}-->-->varscene=newTHREE.Scene();vargeometry=newTHREE.Geometry();//声明一个几何体对象Geometry//绘制圆形vararc=newTHREE.ArcCurve(0,0,100,0,2*Mat
瞳中的云·2023-11-01 11:29

视频教程-WebGL 可视化3D绘图框架：Three.js 零基础上手实战-其他

WebGL可视化3D绘图框架：Three.js零基础上手实战网名风舞烟，中国科技大学计算机专业、微软认证讲师（MCE）、微软数据分析讲师。
weixin_33525450·2023-11-01 08:33

DreamTexture.js - 基于稳定扩散的3D模型自动纹理化开发包

DreamTexture.js是面向three.js开发者的3D模型纹理自动生成与设置开发包，可以为webGL应用增加3D模型的快速自动纹理化能力，官方下载地址：DreamTexture.js自动纹理化开发包
新缸中之脑·2023-11-01 08:01

面向Three.js开发者的3D自动纹理化开发包

DreamTexture.js是面向three.js开发者的3D模型纹理自动生成与设置开发包，可以为webGL应用增加3D模型的快速自动纹理化能力。图一为原始模型,图二图三为贴图后的模型。
ygtu2018·2023-11-01 08:26

基于 HTML5 WebGL 的 3D 仓储管理系统

仓储管理系统（WMS）是一个实时的计算机软件系统，它能够按照运作的业务规则和运算法则，对信息、资源、行为、存货和分销运作进行更完美地管理，使其最大化满足有效产出和精确性的要求。从财务软件、进销存软件CIMS，从MRP、MRPII到ERP，代表了中国企业从粗放型管理走向集约管理的要求，竞争的激烈和对成本的要求使得管理对象表现为：整和上游、企业本身、下游一体化供应链的信息和资源。而仓库，尤其是制造业中
图扑软件·2023-11-01 05:25

图扑 Web 可视化引擎在仿真分析领域的应用

图扑软件是基于WebGL的三维可视化引擎，在WebGL基础上封装了基本的三维模型创建、呈现的API。同时还封
图扑软件·2023-11-01 05:23

基于 HTML5 WebGL 的 3D 工控裙房系统

前言工业物联网在中国的发展如火如荼，网络基础设施建设，以及工业升级的迫切需要都为工业物联网发展提供了很大的机遇。中国工业物联网企业目前呈现两种发展形式并存状况：一方面是大型通讯、IT企业的布局；一方面是传统工业软件和工业网络企业自发地延伸，由产品提供商发展为方案供应商。什么叫做裙房？裙房是指附属于主高楼并与之连成一体的低层建筑。本文的Demo是针对于裙房做的，但是在工业监控系统中有很多雷同的部分，
图扑软件·2023-11-01 05:53

基于 HTML5 + WebGL 的太阳系 3D 展示系统

前言近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破，以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及，宇宙空间中那些原本遥不可及的事物离我们越来越近，人们对未知文明的关注和对宇宙空间的好奇达到了前所未有的高度。站在更高的立足点上，作为人类这个物种中的一员，我们理所应当对我们生活的星球、所在的太阳系有一定的认识，对8大行星各自的运行轨道、质量、资源
图扑软件·2023-11-01 05:53

基于 HTML5 WebGL 的 3D 风机可视化系统

前言许多世纪以来，风力机同水力机械一样，作为动力源替代人力、畜力，对生产力的发展发挥过重要作用。近代机电动力的广泛应用以及二十世纪50年代中东油田的发现，使风机发电机的发展缓慢下来。70年代初期，由于“石油危机”，出现了能源紧张的问题，人们认识到常规矿物能源供应的不稳定性和有限性，于是寻求清洁的可再生能源遂成为现代世界的一个重要课题。风能作为可再生的、无污染的自然能源又重新引起了人们重视。现在我希
图扑软件·2023-11-01 05:53

WebGL2.0从入门到精通-4、着色器与渲染管线

WebGL2.0中渲染管线实质上指的是一系列的绘制过程。向程序中输入待渲染3D物体的相关描述信息数据，经过渲染管线处理后，输出的是一帧想要的图像。
碳学长·2023-11-01 03:29

WebGL

WebGLWebGL是一种JavaScriptAPI，用于在任何兼容的Web浏览器中渲染交互式2D和3D图形。
肖雨San·2023-11-01 03:55

OpenLayers入门，OpenLayers如何加载百万数据量的GeoJson点数据并叠加到webgl渲染图层上，百万海量点数据叠加不卡

入门，OpenLayers如何加载GeoJson数据并叠加到OpenLayers矢量图层上》，我们讲解了少量数据加载并叠加到OpenLayers矢量图层上，如果数量特别大，浏览器就会很卡，所以需要用到webgl
汤姆猫不是猫·2023-11-01 01:37

OpenLayers入门，使用webgl图层叠加超过一百万图片到地图，解决叠加超大数据量图片导致浏览器卡住变慢的问题

专栏目录：OpenLayers入门教程汇总目录前言上一章中OpenLayers入门，使用webgl图层叠加大量点要素，解决OpenLayers地图中叠加大量点导致浏览器卡住变慢的问题已经讲了如何地图中如何添加大量点到
汤姆猫不是猫·2023-11-01 01:04

OpenLayers入门，使用webgl图层叠加超大量Point点要素，解决叠加超过一百万数据量点位导致浏览器卡住变慢的问题

OpenLayers官方是推荐使用webgl图层方式对这种大量点渲染进行优化。当然webgl图层并不是没有缺点，使用webgl图层优点是渲染大量点很快，缺点就是style风格
汤姆猫不是猫·2023-11-01 01:33

波渲染以及焦散的技术原理

关于小区域水波渲染以及焦散的技术原理，推荐下面两篇资源：https://github.com/martinRenou/threejs-causticshttps://zhuanlan.zhihu.com
玄魂·2023-10-31 23:21

Cesium笔记(0)：Cesium简介和本地运行

一、Cesium介绍是国外一个基于JavaScript编写的使用WebGL的地图引擎开源程序，可以免费用于商业和非商业二、特点支持3D,2D,2.5D形式的地图展示可以自行绘制图形，高亮区域，并提供良好的触摸支持支持绝大多数的浏览器和
简cere·2023-10-31 22:42

[threejs]让导入的gltf模型显示边框

边框1效果图如下：代码如下：constgltfLoader1=newGLTFLoader();gltfLoader1.load("/assets/box/1/scene.gltf",function(gltf){letmodel=gltf.scene;model.scale.set(3,3,3)//scene1.add(model);//renderer1.render(scene1,camera
bugs_more_more·2023-10-31 17:01

图形编程周刊(2023.001)

图形编程周刊(2023.001)key:webgpuwebgl3dwebgisthree.jscesium.js这里是力博荣(Libaro)三维可视化带来的图形编程周刊,争取每周五发布。
DSLMing·2023-10-31 14:17
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他