.png "管理")
.jpg "taskagent")
摘要：
这里说的math库实现，指的是，通过一般的加减乘除（角度计算）来更新坐标值。 因为涉及到坐标的变化，所以这里都是基于对顶点着色器的修改 平移： 因为平移只涉及到每个顶点的x、y坐标的变化，所以我们引入一个vec4 变量，在每次绘制的时候为这个变量赋值： 上述代码中间一段中，我们对坐标的变化参数u_T 阅读全文
posted @ 2019-04-08 23:59
桔子桑
阅读(410)
评论(0)
推荐(0)
摘要：
红字地方是相较绘制三角形作更改的。 另外，4个顶点的顺序，如下所示，有讲究的： 所以点坐标顺序为p1、p2、p3、p4. 其他绘制API（你可以根据如下API绘制你想要的图形）： 阅读全文
posted @ 2019-04-08 22:16
桔子桑
阅读(311)
评论(0)
推荐(0)
摘要：
其实，绘制三角形和之前的绘制三个点的代码很相似，只是： 在顶点着色器里面，我们不能设置点的size了（gl_PointSize）； 绘图函数将从gl.drawArrays(gl.POINTS,0,n)变成gl.drawArrays(gl.TRIANGLES,0,n); 效果如下： 阅读全文
posted @ 2019-04-08 21:50
桔子桑
阅读(186)
评论(0)
推荐(0)
摘要：
针对上面的案例，有几点需要知悉： GPU差不多是这样的： CPU差不多是这样的： 所以，GPU在图形数据计算方面有很大的优势。 为了发挥GPU的并行处理数据的优势，我们通常会将顶点数据放在缓冲区对象中，然后一次性丢给着色器程序（运行在GPU中）去运行（计算、绘制） 最后，我们来看看案例的效果： 阅读全文
posted @ 2019-04-08 21:42
桔子桑
阅读(166)
评论(0)
推荐(0)
摘要：
后续的本系列博客页都将基于这个页面进行开发，只是替换了案例相关代码部分的js文件。 首先让我们来看webgl1.js: 注释很详细，如有疑问，请留言，点击之后的效果如下图： 阅读全文
posted @ 2019-04-08 21:14
桔子桑
阅读(278)
评论(0)
推荐(0)
浙公网安备 33010602011771号