![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WebGL
废柴小z
这个作者很懒,什么都没留下…
展开
-
WebGL编程指南三:varying变量的使用和理解光栅化过程。
varying变量 前边讲过将顶点的信息从JavaScript程序中传给顶点着色器有两种方法1.attribute,2.uniform。 varying变量的作用是从顶点着色器向片元着色器传输数据,如顶点颜色数据,声明方式同attribute和uniform。变量声明格式: <存储限定符><类型><变量名>在WebGL中,如果顶点着色器和片元着色器中有类型和命名都相同的varying变量,那么顶点着色器赋给该变量的值就会被自动传入片元着色器。varying变.原创 2021-08-03 14:48:32 · 547 阅读 · 0 评论 -
小程序中加载3D模型安卓中出不来
小程序中加载3D模型ios正常,安卓中出不来的处理办法:纹理的长必须是2的m次幂,宽也是2的m次幂,大小尽量小点就可以了原创 2021-03-19 18:32:57 · 475 阅读 · 0 评论 -
使用fbx2gltf把FBX3D模型转成glTF格式模型
使用npm安装fbx2gltf.js插件打开命令行界面,进入node.js安装目录,执行如下命令:安装完成后会在node_modules目录新增一个fbx2gltf文件:使用命令行界面进入fbx2gltf文件下的bin文件,然后根据平台选择进入相应目录,示例是window系统选择Windows_NT目录,同时把要转换的fbx文件放在该目录下;在命令行(用cmd,不要用git,git会找不到FBX2glTF)执行如下命令,进行格式转换(-i表示输入、-o 表示输出可省略):转换结果:.原创 2021-03-18 17:48:40 · 3931 阅读 · 2 评论 -
WebGL编程指南五:三角形动画
目标:基础概念为了一个三角形转动起来,你需要做的是:不断擦除和重绘三角形,并且在每次重绘时轻微的改变其角度。requestAnimationFrame(func) 请求浏览器在将来某时刻回调函数func以完成重绘。我们应当在回调函数最后再次发起该请求。参数:func 指定将来某时刻调用的函数。函数会接收到一个time参数,用来表明此次调用的时间戳返回值:Request id传统习惯上...原创 2019-07-12 12:02:52 · 152 阅读 · 0 评论 -
WebGL编程指南四:利用矩阵进行平移旋转缩放变换
目标:掌握利用矩阵位移,旋转,缩放基本图形准备引入cuon-matrix.js矩阵库基本概念Matrix4类 cuon-matrix.js中为我们提供了Matrix4类,Matrix4对象(实例)表示一个4*4的矩阵,该对象内部使用类型化数组Floated32Array来存储矩阵的元素旋转为描述一个旋转,你必须指明1.旋转轴(图形将围绕旋转轴旋转); 2.旋转方向(方向:顺时针或逆时...原创 2019-07-12 11:31:51 · 1400 阅读 · 0 评论 -
WebGL编程指南三:js向shader一次传入多个(点)的坐标位置值和多个点的尺寸值
目标:在canvas中绘制基本图形基本概念构成三维模型的基本单位是三角形,不论其形状多么复杂。通过创建更细小和更大量的三角形,就可以创建更复杂和更逼真的三维模型。缓冲区对象:WebGL系统中的一块内存区域,我们可以一次性向缓冲区对象中填充大量的顶点数据,然后将这些数据保存在其中,以供顶点着色器使用。使用缓冲区对象向顶点着色器传入多个顶点数据的五个步骤:创建缓冲区对象(gl.creat...原创 2019-07-11 17:01:20 · 416 阅读 · 0 评论 -
WebGL编程指南二:将顶点的信息从JavaScript程序中传给顶点着色器
目标:WebGL程序可以将顶点的位置坐标从JavaScript传到着色器中基本概念将顶点的位置信息从JavaScript程序中传给顶点着色器有两种方式:使用attribute变量 传输与顶点相关的数据。只有顶点着色器能使用它,必须声明成全局变量。使用uniform变量 传输那些对于所有顶点都相同(或与顶点无关)的数据关键词 attribute和uniform被称为存储限定...原创 2019-07-11 14:57:59 · 256 阅读 · 0 评论 -
WebGL编程指南一:入门
前言WebGL被设计出来的目的,就是在网页上创建三维的应用和用户体验,它是内嵌在浏览器中的,你不必安装插件和库就可以直接使用它。它允许Javascript在网页上显示和操作三维图形。WebGL程序由HTMLT和JavaScript文件组成。WebGL页面包含三种语言:HTML5,JavaScript,和GLSL ES,而通常GLSLES是以字符创的形式写在JavaScript中的,所以实际上We...原创 2019-07-11 13:21:41 · 1757 阅读 · 0 评论 -
Laya3D 1.8阅读笔记
Scene3D场景 场景即为LayaAir引擎的3D世界容器,用于呈现游戏的3D画面和加载各种3D元素,游戏中的摄像机,灯光,人物,物品等都需要放到场景中才能展示出画面,相当于一个游戏3D播放器或者3D视图。Sprite3D精灵 Sprite3D是3D中基本的显示图形的显示列表节点。精灵的种类是非常的多,像Sprite3D空精灵,在3D世界中使物体产生立体光影变化,投影等效果的Light...原创 2019-07-31 15:50:52 · 2240 阅读 · 0 评论