2020年9月6日

webgl复习笔记——绘制三角形、四边形

摘要： 代码结构基本不变，改drawArrays参数:gl.TRIANGLES webgl.drawArrays(webgl.TRIANGLES, 0, n); function initBuffer() { let gl = webgl; let vertexs = new Float32Array( [ 阅读全文

posted @ 2020-09-06 22:15 老豆浆 阅读(247) 评论(0) 推荐(0) 编辑

webgl复习笔记——通过arraybuffer绘制多个点

摘要： 特别容易单词拼写错误。谨记。 function drawBufferPoints() { let v_shader = ` attribute vec4 a_position; void main(){ gl_Position = a_position; gl_PointSize = 10.0; } 阅读全文

posted @ 2020-09-06 17:51 老豆浆 阅读(409) 评论(0) 推荐(0) 编辑

webgl复习笔记——可以自由设置颜色的点

摘要： 动态设置蓝色 function changeColor(){ let v_shader = ` void main(){ gl_Position = vec4(0.5,0,0,1); gl_PointSize = 10.0; } `; //gl_Position 四位，最后一位叫做齐次坐标，用来矩阵 阅读全文

posted @ 2020-09-06 00:57 老豆浆 阅读(245) 评论(0) 推荐(0) 编辑

webgl复习笔记——绘制 点、多个点

摘要： 谨记绘制流程 绘制一个点 //获取canvas let canvas = document.getElementById("webgl"); //获取webgl let webgl = canvas.getContext("webgl"); //顶点着色器 function draw1Point() 阅读全文

posted @ 2020-09-06 00:10 老豆浆 阅读(410) 评论(1) 推荐(0) 编辑

导航