Three.js教程008：使用lil-GUI调试开发3D效果
文章目录
- lil-GUI调试开发3D效果
-
- 初始化场景
- 创建立方体
- 创建GUI
- 利用GUI添加按钮
- 利用GUI控制立方体位置
- 利用GUI控制显示立方体线框模式
- 自定义立方体颜色
- 完整代码下载
lil-GUI调试开发3D效果
lil-gui 是一个轻量级的用户界面工具，专门为 three.js 等 WebGL 应用程序设计，允许用户动态调节场景参数，比如物体的颜色、位置、缩放等属性。相比于传统的 dat.GUI，lil-gui 更加高效、体积更小，非常适合现代 Web 应用。
初始化场景
导入包：
// 导入依赖
import * as Three from "three";
// 导入轨道控制器
import {