ITman彪叔的博客，微信公众号:ITman彪叔。欢迎对canvas、webgl、图形学感兴趣的读者订阅专栏。 点击下面链接可以订阅： [canvas高级进阶] https://xiaozhuanlan.com/canvas [webgl入门到高级进阶]https://xiaozhuanlan.com/webgl

2018年12月5日

canvas高效绘制10万图形,你必须知道的高效绘制技巧

摘要： 最近的一个客户项目中，简化的需求是绘制按照行列绘制很多个圆圈。需求看起来不难，上手就可以做,写两个for循环。 原始绘制方法 首先定义了很多Circle对象，在遍历循环中调用该对象的draw方法。代码如下： 结果绘制出了按照行列排布的很多个圆圈了，如下图所示： 原始方法绘制很多圆圈 原始方法绘制很多 阅读全文

posted @ 2018-12-05 14:20 ITman彪叔 阅读(1189) 评论(0) 推荐(4) 编辑

WebGL2系列之实例数组(Instanced Arrays)

摘要： 实例化数组 实例化是一种只调用一次渲染函数却能绘制出很多物体的技术，它节省渲染一个物体时从CPU到GPU的通信时间。实例数组是这样的一个对象，使用它，可以把原来的的uniform变量转换成attribute变量，而且这个attribute变量对应的缓冲区可以被多个对象使用；这样在绘制的时候，可以减少 阅读全文

posted @ 2018-12-05 13:58 ITman彪叔 阅读(913) 评论(0) 推荐(0) 编辑

导航

ITman彪叔的博客，微信公众号:ITman彪叔。欢迎对canvas、webgl、图形学感兴趣的读者订阅专栏。 点击下面链接可以订阅： [canvas高级进阶] https://xiaozhuanlan.com/canvas [webgl入门到高级进阶]https://xiaozhuanlan.com/webgl