<!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>
一个纯纯的WegGL小例子
猜你喜欢
转载自wanlic2008.iteye.com/blog/2356265
今日推荐
周排行