//创建webgl2 渲染器
var canvas = document.createElement( 'canvas' );
var context = canvas.getContext( 'webgl2', { alpha: false } );
var renderer = new THREE.WebGLRenderer( { canvas: canvas, context: context } );
<script id="vs" type="x-shader/x-vertex">
#version 300 es;//现在的版本好像不能自己添加版本说明，就是要注掉这一行
void main() {
gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
}
</script>
<script id="fs" type="x-shader/x-fragment">
#version 300 es//现在的版本好像不能自己添加版本说明，就是要注掉这一行
precision highp float;
precision highp int;
out vec4 out_FragColor;//现在版本好像已经有out对象了，要使用本身的out对象或者内置的gl_FragColor对象
void main() {
out_FragColor = vec4( 1.0 );
}
</script>
//片元材质的使用方法
var material = new THREE.ShaderMaterial( {
vertexShader: document.getElementById( 'vs' ).textContent.trim(),
fragmentShader: document.getElementById( 'fs' ).textContent.trim()
} );
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
