辅助工具

• dat.gui 添加属性控制器，主要用于属性调试

import dat from 'dat.gui'
const gui = new dat.GUI()

// 绑定对象的change事件来更新视图变化
gui.add(cube, 'width', 1, 10).onChange(cube.update.bind(cube))

• orbitControls 提供场景旋转交互操作

var orbit = new OrbitControls(camera, renderer.domElement)

• stats 显示FPS

function initStats() {
    var stats = new Stats();
    stats.setMode(0); // 0: fps, 1: ms

    document.body.appendChild(stats.domElement)
    return stats
}

// 在渲染函数中更新状态
function renderScene() {
     stats.update()

     requestAnimationFrame(renderScene)
     renderer.render(scene, camera)
}