ThreeJS学习-模型角度限制

以下代码属于调试灯光，控制模型角度

例如：

        //渲染器
        var renderer = new THREE.WebGLRenderer({
            antialias:true,       //是否开启反锯齿
            precision:"highp",    //着色精度选择
            alpha:true,           //是否可以设置背景色透明
            premultipliedAlpha:true,
            stencil:true,
            preserveDrawingBuffer:true, //是否保存绘图缓冲
            maxLights:1           //maxLights:最大灯光数
        });
        renderer.setSize(width,height);
        decument.appendChild(renderer.domElement);

        function render(){
            renderer.render(scene,camera);
        }
        render();

        //相机文档控制
        var controls = new THREE.OrbitControls(camera,renderer.domElement);
        //上下翻转的最大角度
        controls.maxPolarAngle = 1.5;
        //上下翻转的最小角度
        controls.minPolarAngle = 0.3;
        //是否允许缩放
        controls.enableZoom = false;

        controls.addEventListener("change",render);

         //动画渲染
        function animate() {
            requestAnimationFrame(animate);
            controls.update();
            render(); //在这里再次调用，是因为刚开始模型不显示，得用户触发才会显示
        }
        animate();

大家感觉不错可以留言一起讨论，希望大家可以关注我的博客;