webgl画一个和多个点

使用WebGL画点

webgl给我的感觉就像是老太太的裹脚布，又臭又长。层层封装，每个人代码都不一样，缺少统一的接口。

自顶向下有理论，guide讲的清楚，但是教材是自顶向下，所以要把guide的代码都搬过去。

顶点着色器控制点的位置和大小，片元着色器控制点的颜色。

函数调用关系：

gl.drawArrays()->顶点着色器->main->片元着色器->main

 var program = initShaders( gl, "vertex-shader", "fragment-shader" );
gl.useProgram( program );
gl.program = program;

获取program中一个点，然后传值。

 var a_Position = gl.getAttribLocation(gl.program, 'a_Position');
gl.vertexAttrib3f(a_Position, 0.0, 0.0, 0.0);

attribute是沟通的桥梁，也可以说是沟通的约定，如果js要拿到program对象里的变量，就得知道attribute变量的名字。

缓冲区是显存里的，能被gl访问。就像手动malloc一块内存一样

如果您有任何关于文章的建议，欢迎评论或在 GitHub 提 PR

作者：dutrmp19
本文为作者原创，转载请在 文章开头 注明出处：https://www.cnblogs.com/dutrmp19/p/15362681.html
遵循 CC 4.0 BY-SA 版权协议

posted @ 2021-10-02 20:56 dutrmp19 阅读(81) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

	var program = initShaders( gl, "vertex-shader", "fragment-shader" );
	gl.useProgram( program );
	gl.program = program;

	var a_Position = gl.getAttribLocation(gl.program, 'a_Position');
	gl.vertexAttrib3f(a_Position, 0.0, 0.0, 0.0);