threejs15自定义相机控制器

Posted Jessica巨人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了threejs15自定义相机控制器相关的知识,希望对你有一定的参考价值。

轨道控制器

import  OrbitControls  from "three/examples/jsm/controls/OrbitControls"
var control = new OrbitControls(camera, renderer.domElement);
control.autoRotate=true;

围绕物体旋转

var clock=new THREE.Clock();
var timer=0;

function updateCamera(delta) 
    timer+=delta/5;

    var x=30*Math.cos(timer)
    var z=30*Math.sin(timer)
    var y=20;

    camera.position.set(x,y,z);
    camera.lookAt(new THREE.Vector3());

//----------------------------------------------------------------

update()

function update() 
    console.log('刷新')
    var delta =clock.getDelta();
    updateCamera(delta);
    renderer.render(scene, camera);
    requestAnimationFrame(update);//不会卡塞,专门针对图形渲染刷新的方法


以上是关于threejs15自定义相机控制器的主要内容,如果未能解决你的问题,请参考以下文章

Threejs在使用变换控制时禁用轨道相机

使用vue学习three.js之移动相机-使用轨道控件OrbitControls控制相机

ThreeJs之选中模型中的物体及物体沿轨迹移动

转 threejs中3D视野的缩放实现

threeJS 导入模型(不确定尺寸)后如何确定相机位置及物体缩放比例

三个JS:如何旋转物体而不是旋转相机?