ThreeJS学习-模型角度限制

来源:互联网 发布:大数据 5v真实 编辑:程序博客网 时间:2024/06/07 11:50

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

例如:

        //渲染器        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();

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