-
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)
}