WebGL着色器内置变量本文是WebGL教程(电子书)的2.7节内容着色器语言在GPU的着色器单元执行，javascript语言、C语言在CPU上执行，任何一种语言的语法规则，整体设计都和它执行的硬件有一定的关系，GPU和CPU执行程序的硬件单元既有相同点，也有不同点。这里谈到GPU和CPU不是为了讲解硬件，而是为了提醒大家，学习着色器语言有些语法可以参考javascript、C等执行在CPU..

设置播放模式为非循环模式的时候，你会发现关键帧动画执行完成一个后，模型回到了关键帧动画开头状态，如果你希望模型停留在关键帧动画结束的状态，可以设置。，做了整体介绍，下面进一步介绍关键帧动画播放的知识，比如关键帧动画停止播放、暂停播放、倍速播放…对象的功能就是用来控制如何播放关键帧动画，比如是否播放、几倍速播放、是否循环播放、是否暂停播放…方法，动画会停止，并结束，模型回到动画开始状态,注意不是暂停

WebGL着色器GLSL矩阵mat本文是WebGL教程(电子书)的2.5节内容着色器语言中通过关键字mat2、mat3、mat4分别声明一个2x2矩阵、3x3矩阵、4x4矩阵，通过内置函数mat2()、mat3()、mat4()分别创建一个2x2矩阵、3x3矩阵、4x4矩阵。关键字数据类型mat22x2矩阵，4个元素mat33x3矩阵，9个元素mat44...

WebGL教程(电子书)最近准备编写一本WebGL快速入门的电子书教程，电子书编写完整后，会免费开源到我的个人技术博客，目前还在编写中，已经写好的会把电子书每一小节以文章的形式发布才CSDN上。第一章、WebGL零基础入门1.1 WebGL绘制一个点—第一个程序1.2更新中...

实际生活中，一个物体表面，往往会反射周围的环境。人的眼睛看到的东西，往往反射有周围景物，所以three.js渲染模型，如果想渲染效果更好看，如果想更符合实际生活情况，也需要想办法让模型反射周围景物。不同的明暗或景物的环境贴图对渲染效果的影响是不一样的，所以不仅要设置环境贴图，还要根据需要选择合适的环境贴图，一般实际开发使用美术提供的环境贴图即可。环境贴图对PBR材质渲染效果影响还是比较大，一般渲染

着色器运算精度设置本文是WebGL教程(电子书)的2.12节内容通过设置着色器数值的精度可以更好的配置资源，可以根据需要，在不太影响渲染效果前提下，可以尽量降低运算精度。lowp、mediump和highp关键字声明变量精度高低的三个关键子lowp、mediump和highp。关键子精度lowp低精度mediump中精度highp高精度声明单个...

WebGL着色器内置变量本文是WebGL教程(电子书)的2.7节内容着色器语言在GPU的着色器单元执行，javascript语言、C语言在CPU上执行，任何一种语言的语法规则，整体设计都和它执行的硬件有一定的关系，GPU和CPU执行程序的硬件单元既有相同点，也有不同点。这里谈到GPU和CPU不是为了讲解硬件，而是为了提醒大家，学习着色器语言有些语法可以参考javascript、C等执行在CPU..

在物联网、数字孪生Web3D可视化开发的项目中，往往需要调整相机视角或位置，近距离查看预览3D场景中的某个设备。

Three.js欧拉对象Euler和四元数Quaternion欧拉对象和四元数主要用来表达对象的旋转信息。关键词：欧拉Euler、四元数Quaternion、矩阵Matrix4个人WebGL/Three.js技术博客欧拉对象Euler构造函数：Euler(x,y,z,order)参数xyz分别表示绕xyz轴旋转的角度值，角度单位是弧度。参数order表示旋转顺序,默认值XYZ，也可以设...

视频作为Three.js纹理贴图(VideoTexture)视频本质上就是一帧帧图片流构成，把视频作为Threejs模型的纹理贴图使用，就是从视频中提取一帧一帧的图片作为模型的纹理贴图，然后不停的更新的纹理贴图就可以产生视频播放的效果。下面是一段视频作为纹理贴图的代码，完整代码和视频资源可以查看本站发布的Threejs视频教程8.5节// 创建video对象let video = doc...