Three 探索 05

🐉

const tick = () => {

    camera.position.x = Math.sin(cursor.x * 2 * Math.PI) * 3
    camera.position.z = Math.cos(cursor.x * 2 * Math.PI) * 3
    camera.position.y = cursor.y *5
    //括号内的是一个角度，是相机围绕一个物体运动（360°围绕）
    camera.lookAt(mesh.position)
    // Render
    renderer.render(scene, camera)

    // Call tick again on the next frame
    window.requestAnimationFrame(tick)
}

---

控制事件

最常用，最经典的控制视角的角度【轨道控制】

import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls'

引入直接new一个对象并传入参数即可（参数1：相机，参数2：你的canvas）
canvas参数是你document.querySelector(‘canvas.webgl’)获得dom的画布

假如想更改这个控制的target 必须要放进tick函数内每帧渲染

---

开启浅进浅出的效果
控制.enableDamping = true