用途:Three.js Builder 是一个专注于用现代 ES 模块模式创建简单、高性能 Three.js 网页应用的技能,帮助快速搭建可交互的 3D 场景。
主要能力:覆盖场景图(Scene Graph)搭建、相机与渲染器初始化、内置几何体(Box、Sphere、Cylinder、Torus、Plane、Cone、Icosahedron)、材质选择(Basic、Standard、Physical、Normal、Phong)、灯光(Ambient、Directional、Point、Spot)与阴影、动画循环、鼠标交互、OrbitControls 相机控制、粒子场、网格背景等常见场景模式,并给出响应式窗口缩放处理。
使用方式:以 HTML 内嵌 ES 模块脚本引入 Three.js,例如 import * as THREE from 'https://unpkg.com/three@0.160.0/build/three.module.js';OrbitControls 从 examples/jsm/controls/OrbitControls.js 导入。创建 scene、PerspectiveCamera、WebGLRenderer,调用 renderer.setSize 与 setPixelRatio(Math.min(window.devicePixelRatio, 2)),用 renderer.setAnimationLoop 驱动渲染,并通过 window.addEventListener('resize', ...) 更新相机与渲染器尺寸。
适用场景:作品集展示、游戏与交互、数据可视化、背景动效、产品查看器等。
限制与注意:无灯光时除 Basic/Normal 材质外画面为黑;避免在动画循环中新建几何体、避免过高分段数、避免未将对象加入场景;现代 Three.js(r150+)使用 ES 模块,CommonJS 与全局 THREE 变量为旧写法。高级主题(GLTF 模型、着色器、后处理)见 references/advanced-topics.md。具体收费、价格与平台支持暂未提供。