【three.js详解之二】渲染器篇

//开启Three.js渲染器:WebGLRenderer
　　　　　　　//声明全局变量
             var renderer;             function initThree() {                //获取容器的宽高
                width = document.getElementById('canvas3d').clientWidth;//获取画布「canvas3d」的宽
                height = document.getElementById('canvas3d').clientHeight;//获取画布「canvas3d」的高
                //声明渲染器对象：WebGLRenderer
                renderer=new THREE.WebGLRenderer({
                    antialias:true,//antialias:true/false是否开启反锯齿
                    precision:"highp",//precision:highp/mediump/lowp着色精度选择
                    alpha:true,//alpha:true/false是否可以设置背景色透明
                    premultipliedAlpha:false,//?
                    stencil:false,//?
                    preserveDrawingBuffer:true,//preserveDrawingBuffer:true/false是否保存绘图缓冲
                    maxLights:1//maxLights:最大灯光数                    });                //指定渲染器的高宽（和画布框大小一致）                renderer.setSize(width, height );                //追加 【canvas】 元素到 【canvas3d】 元素中。
                document.getElementById('canvas3d').appendChild(renderer.domElement);                //设置canvas背景色(clearColor)和背景色透明度（clearAlpha）
                renderer.setClearColor(0x000000,0.5);
              }

查看更多关于【three.js详解之二】渲染器篇的详细内容...