WebGL
今天也努力学习的Paul
这个作者很懒,什么都没留下…
展开
-
【threeJs笔记】4. shader 三大变量—— uniform、attribute、varying
目录1.uniform2.attribute变量3.varying变量1.uniformuniform变量在vertex和fragment两者之间声明方式完全一样,则它可以在vertex和fragment共享使用。(相当于一个被vertex和fragment shader共享的全局变量)uniform变量一般用来表示:变换矩阵,材质,光照参数和颜色等信息。以下是例子:uniform mat4 viewProjMatrix; //投影+视图矩阵uniform mat4 viewMatrix; //原创 2020-11-16 14:40:40 · 1765 阅读 · 0 评论 -
【threeJs笔记】3. Three.js贴图Texture
目录普通颜色纹理贴图map法线贴图normalMap高光贴图specularMap环境贴图envMap光源设置心脏案例 模型图普通颜色纹理贴图map/** * OBJ文件加载 只加载obj文件中的几何信息,不加载材质文件.mtl */var loader = new THREE.OBJLoader();// 没有材质文件,系统自动设置Phong网格材质var mesh = null; //声明一个网格模型变量loader.load('./heart/model.obj', funct.原创 2020-11-13 21:15:02 · 2331 阅读 · 0 评论 -
【threeJs笔记】2. Three.js欧拉对象Euler和四元数Quaternion
目录欧拉对象Euler四元数Quaternion四元数方法`.setFromAxisAngle()`四元数乘法.multiply()欧拉、四元数和矩阵转化Object3D欧拉对象和四元数主要用来表达对象的旋转信息。关键词:欧拉Euler、四元数Quaternion、矩阵Matrix4欧拉对象Euler构造函数:Euler(x,y,z,order)参数xyz分别表示绕xyz轴旋转的角度值,角度单位是弧度。参数order表示旋转顺序,默认值XYZ,也可以设置为YXZ、YZX等值// 创建一个欧拉对象原创 2020-11-13 14:44:11 · 4177 阅读 · 0 评论