twgl.js是一个使WebGLAPI更佳简洁的库。（WebGL是一种3D绘图标准）
示例：
<cavas id="c"></cavas><script src="../dist/twgl-full.mi.js"></script><script> var gl = twgl.getWebGLCotext(documet.getElemetById("c")); var programIfo = twgl.createProgramIfo(gl, ["vs", "fs"]); var arrays = { positio: [-1, -1, 0, 1, -1, 0, -1, 1, 0, -1, 1, 0, 1, -1, 0, 1, 1, 0], }; var bufferIfo = twgl.createBufferIfoFromArrays(gl, arrays); fuctio reder(time) { twgl.resizeCavasToDisplaySize(gl.cavas); gl.viewport(0, 0, gl.cavas.width, gl.cavas.height); var uiforms = { time: time * 0.001, resolutio: [gl.cavas.width, gl.cavas.height], }; gl.useProgram(programIfo.program); twgl.setBuffersAdAttributes(gl, programIfo, bufferIfo); twgl.setUiforms(programIfo, uiforms); twgl.drawBufferIfo(gl, gl.TRIANGLES, bufferIfo); requestAimatioFrame(reder); } requestAimatioFrame(reder);</script>
评论