![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webgl
heyanru
这个作者很懒,什么都没留下…
展开
-
webgl 灰度shader
var canvasElement=document.getElementById('webgl'); var gl=canvasElement.getContext('webgl'); //顶点着色器源码 var vertexShaderSource = '' + 'attribute vec4 a_Position;'+//顶点位置坐标 ...转载 2018-12-13 09:50:35 · 646 阅读 · 0 评论 -
图解WebGL&Three.js工作原理(转)
一、我们讲什么?我们讲两个东西:1、WebGL背后的工作原理是什么?2、以Three.js为例,讲述框架在背后扮演什么样的角色? 二、我们为什么要了解原理?我们假定你对WebGL已经有一定了解,或者用Three.js做过了一些东西,这个时候,你可能碰到了这样一些问题:1、很多东西还是做不出来,甚至没有任何思路;2、碰到bug无法解决,甚至没有方向;3、性能出现问题,完全不...转载 2018-12-11 15:17:08 · 257 阅读 · 0 评论 -
webgl的基础
drawArrays() − 当使用这种方法,我们通过原语使用JavaScript数组的顶点。对应使用VBO,使用Float32Array存储顶点数据顶点缓冲区对象 (VBO) − 它保持所述图形模型,要被渲染的每个顶点的数据。我们使用顶点缓冲对象中的WebGL存储和处理关于顶点诸如顶点坐标,法线,色彩,纹理坐标数据。drawElements() − 当使用这种方法,我们通过这两个顶点和原...原创 2018-12-11 16:57:48 · 239 阅读 · 0 评论