WebGL 简单范例 代码
id 基本上就是自己取的、用来识别用的名称,而 type 则有「x-shader/x-vertex」和「x-shader/x-fragment」两种。
下面就是一个简单的 vertex shader 的范例,他基本上不会做任何坐标的转换、投影,只会直接把每一个 vertex 的位置信息转换为 vec4 的型态,继续往下传:
<script id="vs_01" type="x-shader/x-vertex">
attribute vec3 aVertexPosition;
void main(void)
{
gl_Position = vec4( aVertexPosition, 1 );
}
</script>
而下方则是一个简单的 fragment shader,他会把所有的 fragment 的颜色都填为白色:
<script id="fs_01" type="x-shader/x-fragment">
void main(void)
上一篇:WebGL入门—主流浏览器设置[ 10-11 ]
下一篇:webmax系列教程1:导航图制作[ 10-11 ]