webgl学习路线总结

Posted guxingzhe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webgl学习路线总结相关的知识,希望对你有一定的参考价值。

API:
WebGL 3D Perspective:
webgl-examples:
一个使用方便的 javascript处理向量和矩阵运算的库。sylvester:
性能监视器(监视FPS):
动画引擎
 
顶点着色器根据需要, 也可以完成其他工作。例如,决定哪个包含 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" );

  

以上是关于webgl学习路线总结的主要内容,如果未能解决你的问题,请参考以下文章

webGL编程指南实战教程

WebGL关于着色器传值的几种方式总结

Phong 和 Gouraud 着色 WebGL

Python学习总结

Python 函数声明和调用

020 - FreeRTOS学习路线总结