webgl复习笔记——三角形平移、旋转(2)
摘要：转换矩阵是列主序的； 平移、旋转、缩放 let canvas = document.getElementById('webgl'); let gl = canvas.getContext('webgl'); let v_shader = ` attribute vec4 v_position; un
阅读全文
posted @ 2020-09-12 14:02
09 2020 档案
webgl复习笔记——[回顾]从零绘制三角形
摘要：单词容易拼写错误。记得排查。 let canvas = document.getElementById('webgl'); let gl = canvas.getContext('webgl'); let v_shader = ` attribute vec4 v_position; void ma
阅读全文
posted @ 2020-09-11 00:59
webgl复习笔记——三角形平移、旋转(1)
摘要：平移 每个点都加一个变量 x' = x + Tx; y' = y + Ty; let v_shader = ` attribute vec4 a_position; uniform vec4 u_translation; void main(){ gl_Position = a_position +
阅读全文
posted @ 2020-09-08 00:10
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
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
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
webgl复习笔记——绘制 点、多个点
摘要：谨记绘制流程 绘制一个点 //获取canvas let canvas = document.getElementById("webgl"); //获取webgl let webgl = canvas.getContext("webgl"); //顶点着色器 function draw1Point()
阅读全文
posted @ 2020-09-06 00:10
webgl复习笔记——系列主题
摘要：
阅读全文
posted @ 2020-09-05 22:12
