文章目录
- 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 {