YL
BOOTSTRAP

最小场景

最小场景分类收录 4 条 Three.js 场景提示词:单文件最小 Three.js 场景、Vite + Three.js 工程脚手架、设备像素比与性能上限、双相机主视图 + 正交小地图等,含交付说明与预期产出。

最小场景

Bootstrap

4 条
Vite + three WebGL 示意 · 可拖拽

Vite + Three.js 工程脚手架

Vite + Three.js project scaffold

Vite工程化

生成可 npm run dev 的 Vite 工程:模块化拆分 scene / camera / renderer,并预留 assets 目录。

查看详情
Vite + three WebGL 示意 · 可拖拽

设备像素比与性能上限

Device pixel ratio cap

DPR移动端

根据 DPR 与移动端策略设置 renderer.setPixelRatio,避免 4K 屏上帧率崩盘。

查看详情
单文件 HTML WebGL 示意 · 可拖拽

双相机主视图 + 正交小地图

Perspective main + orthographic minimap

双相机小地图

主透视相机渲染全屏,第二 OrthographicCamera 渲染角落小地图,同步目标点。

查看详情