`
wanlic2008
  • 浏览: 22071 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

一个纯纯的WegGL小例子

阅读更多
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>一个纯纯的WegGL小例子</title>
</head>
<body>
	<canvas id="myCanvas" width="600" height="450"></canvas>
	<script>
		var canvas = document.getElementById('myCanvas');
		var gl = canvas.getContext('webgl');

		var vertCode = ''
			+ 'void main() {\n'
			+ ' gl_Position = vec4(0.0, 0.0, 0.0, 1.0);\n'
			+ ' gl_PointSize = 10.0;\n'
			+ '}\n';

		var vertShader = gl.createShader(gl.VERTEX_SHADER);
		gl.shaderSource(vertShader, vertCode);
		gl.compileShader(vertShader);

		var fragCode = ''
			+ 'void main() {\n'
			+ ' gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);\n'
			+ '}\n';
		var fragShader = gl.createShader(gl.FRAGMENT_SHADER);
		gl.shaderSource(fragShader, fragCode);
		gl.compileShader(fragShader);

		var shaderProgram = gl.createProgram();
		gl.attachShader(shaderProgram, vertShader);
		gl.attachShader(shaderProgram, fragShader);
		gl.linkProgram(shaderProgram);
		gl.useProgram(shaderProgram);

		gl.clearColor(0.0, 0.0, 0.0, 1.0);
		gl.clear(gl.COLOR_BUFFER_BIT);

		gl.drawArrays(gl.POINTS, 0, 1);

	</script>
</body>
</html>

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics