Humpalumps/ultra-elements

选用指南

AI 根据 README 整理 · 2026/11/1 02:37:06

使用方式

通过命令行安装依赖并启动开发服务器，然后在浏览器中打开本地 URL 进行交互操作。

查看 README 依据

# Ultra Elements Real-time spell effects for three.js (WebGL2): 39 spells across ten elements and three hybrids, cast in a small arena with training dummies. Every spell is a lab: its settings sit in their own panel of sliders, colours and presets, and they change the spell live. ```bash npm install npm run dev ```

Open the printed localhost URL. The landing page casts every spell in turn until you touch something. Pick an element with `1`–`0` (`H` for hybrids) or the bar at the bottom, step through its spells with `Q` / `E`, and cast with `Space` (hold it for channelled spells) or by clicking a dummy or the floor. `F` toggles auto-cast. Every spell has its own folder of settings on the right, with presets and a reset. `copy link` puts the whole state in the URL hash. Camera shots (`Overview`, `Shoulder`, `Target close-up`, `Low hero`, `Top-down`, `Phone`) are in the `camera` dropdown, and `combo demo`

部署要求

需要 Node.js 环境以运行 npm 命令，并需要支持 WebGL2 的浏览器。

查看 README 依据

# Ultra Elements Real-time spell effects for three.js (WebGL2): 39 spells across ten elements and three hybrids, cast in a small arena with training dummies. Every spell is a lab: its settings sit in their own panel of sliders, colours and presets, and they change the spell live. ```bash npm install npm run dev ```

已知限制

部分法术在 RTX 3060 上超过 3ms 预算；冷启动较慢，约需 24 秒编译着色器。

查看 README 依据

**Quality tiers** (`src/engine/quality.js`): Low, Medium, High (desktop default) and Ultra. Tier switches recompile; the auto ladder only touches uniforms and sizes. ## Not in yet - Five spells peak a little over the 3 ms budget on the RTX 3060 (see the table): Thunderstorm, Meteor, Geyser, Fireball and Dust Devils. - A cold start is slow (about 24 s on the RTX 3060). Shaders compile one after another at start-up. The worst offenders are the swarm constructor shared by Plague Swarm and Ember Swarm, and the fluid's foam warm-up.