![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webgl
文章平均质量分 56
绊倒帕萨特
这个作者很懒,什么都没留下…
展开
-
WebGL学习(4) - 通过点击绘制三角形
1.搭架子 2.收集Canvas点击事件 3.在点击的位置画点 4.改造成绘制三角形 1.搭架子 初始化ts项目tsc --init,会生成一个tsconfig.json,编辑文件把"strict": true改成"strict": false 通过tsc e1.ts编译ts生成e1.js,用ts的目的是有代码提示功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">原创 2022-01-01 17:14:21 · 825 阅读 · 0 评论 -
WebGL学习(3) - 向顶点着色器传递参数
通过gl.getAttribLocation获取顶点着色器中attribute变量的地址,通过gl.vertexAttrib3f给变量赋值,函数名getAttribLocation我是怎么记忆下来的,在第一遍练习的时候,我知道这个函数的第一个参数是program类型的,第二个参数是string类型的,转到定义一圈,见下图,发现貌似通过program的类型WebGLProgram和参数类型快速的找到getAttribLocation,这样就不用记忆了 ???? 源码地址: https://github.com原创 2021-12-28 06:15:38 · 273 阅读 · 0 评论 -
WebGL学习(debug) - 练习了三遍绘制一个点之后,第四遍练习仍然出错
webgl绘制一个基础的点,我已经练习了三遍了,这次想再练习一遍的时候,出了问题 源码地址 https://github.com/wuyutaott/learnwebgl/tree/main/exercise/ch02/HelloPoint2/e4 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title&原创 2021-12-28 05:39:45 · 350 阅读 · 0 评论