![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WebGL
Qc1998
这个作者很懒,什么都没留下…
展开
-
WebGL学习笔记(二):利用缓冲区动态绘制多个点
上一个程序中,只实现了静态的单点绘制的,点的位置和颜色都是写死在着色器中的。如果想要动态的显示点,将交互添加进去,我们就需要实现使用 JavaScript 向着色器中传值,这就需要使用到缓冲区。在上一个程序基础上,实现点击时生成随机颜色点的效果。一、修改着色器代码我们需要将着色器中创建几个变量。着色器中一共有三种变量类型attribute: 只能在顶点着色器中声明和使用,常用来存放顶点...原创 2019-12-08 17:42:09 · 349 阅读 · 0 评论 -
WebGL学习笔记(一):绘制单个点
WebGL 应用必须包含 canvas 标签,着色器,与JavaScript程序。 canvas 提供运行载体,JavaScript 程序提供数据,着色器控制这些数据的显示形式。一、创建一个 canvas 标签并获取 WebGL 绘图环境。 <canvas id="canvas"></canvas> <script> var cana...原创 2019-12-05 15:39:04 · 203 阅读 · 0 评论