FreeThree.js Scene Builder
- 用纯文本写场景简报
- 对简报运行生成器
- 先读报告,再相信场景
- 在浏览器里打开 scene.html 并环绕查看
- 修正错误后重新运行
Three.js(3js)是把 3D 放上网页的方式——但一个场景在第一个物体出现之前,大半是样板代码:渲染器、相机、灯光、材质、轨道控制器、尺寸自适应。Three.js 场景构建器用一份经过校验的简报代替样板代码:用纯文本描述场景,输出就是单个 scene.html,浏览器打开即看。
下面是 SkillU 上的第一个 Three.js Skill,附带真实简报、可运行的生成器、评测,以及它构建的场景截图——装上它,做你自己的 3D 网页场景。
真实 Skill:可运行的脚本、评测与渲染场景——装上它,做你自己的 3D 网页场景。
Free一个 Agent Skill,把纯文本场景简报变成经过校验的独立 Three.js 网页场景。你描述物体、灯光、相机与场景设置;脚本先校验简报——未知形状丢弃、重复拒绝、错误尺寸点名——再生成单个 scene.html,带轨道控制器与转盘。
不需要。用纯文本写简报,运行一条命令,在浏览器里打开 scene.html 即可。Skill 的 SKILL.md 会带你走完每一步;简报有错时,报告会准确告诉你错在哪。
支持 WebGL 的浏览器。页面从 unpkg CDN 加载 three.js 0.160.0;要完全离线运行,把模块与 OrbitControls 插件下载到本地并把 import map 指过去。