webgl学习路线总结

API： https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API WebGL 3D Perspective： https://webglfundamentals.org/webgl/lessons/zh_cn/webgl-3d-orthographic.html#toc https://webglfundamentals.org/webgl/lessons/webgl-3d-perspective.html webgl-examples： https://github.com/mdn/webgl-examples/ 一个使用方便的JavaScript处理向量和矩阵运算的库。sylvester: http://sylvester.jcoglan.com/docs.html 性能监视器（监视FPS）： https://github.com/mrdoob/stats.js 动画引擎 https://github.com/tweenjs/tween.js 顶点着色器根据需要，也可以完成其他工作。例如，决定哪个包含texel面部纹理的坐标，可以应用于顶点；通过法线来确定应用到顶点的光照因子等。依此类推，这些信息可以存储在变化（varying)或属性(attributes)属性中，以便与片段着色器共享

<script id="shader-vs" type="x-shader/x-vertex">
      attribute vec3 aVertexPosition;
      attribute vec4 aVertexColor;
    
      uniform mat4 uMVMatrix;
      uniform mat4 uPMatrix;
      
      varying lowp vec4 vColor;
    
      void main(void) {
        gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);
        vColor = aVertexColor;
      }
    </script>

　　等价于：

`
      attribute vec3 aVertexPosition;
      attribute vec4 aVertexColor;
    
      uniform mat4 uMVMatrix;
      uniform mat4 uPMatrix;
      
      varying lowp vec4 vColor;
    
      void main(void) {
        gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);
        vColor = aVertexColor;
      }
    `

　　等价于：

[
 "attribute vec3 aVertexPosition;",
 "attribute vec4 aVertexColor;",
 "uniform mat4 uMVMatrix;",
 "uniform mat4 uPMatrix;",
 "varying lowp vec4 vColor;",
 "void main(void) {",
  "gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);",
  "vColor = aVertexColor;",
 "}"
].join( "\n" );

优质内容筛选与推荐>>
1、DeriveParameters的缺陷
2、[导入]如何使用C#调用非托管DLL函数
3、针对搜狗网址导航评论
4、JavaSe总结--数据结构-链表
5、使用properties和SPContext时须小心

0 │ 收藏 │ 举报

朋友将在看一看看到

分享想法到看一看