proposal.md 2.0 KB
Why
The user asked for a new component named 眩目光环, referencing vertigo.html from the Radiant repository. The reusable value of that page is not its fullscreen shell, but its shader-driven tunnel illusion: polar-space ring bands, angular segment lines, pulsing illumination waves, and a crimson-to-amber glow palette.
This repository needs that effect as an independent dynamic component that:
- runs inside the existing tresjs / three.js service pipeline
- renders on a square plane instead of a fullscreen canvas
- removes mouse drag and other page-level interaction
- exposes safe controls through
src/dcsConfig.ts
What Changes
- Add a new
vertigoHaloComponent. - Port the visual core of
vertigo.htmlinto a plane-based three.js shader material. - Keep the component square by default, ground-ready, and autonomous.
- Expose a concise parameter set for size, tunnel motion, ring density, segment density, pulse energy, glow intensity, opacity, and palette colors.
- Register the component in
src/dcsConfig.ts. - Add a dedicated preview asset.
Capabilities
New Capabilities
vertigo-halo-component: Provide a square plane component that recreates the reference vertigo tunnel as an animated halo-like surface inside the dynamic component service.
Modified Capabilities
- None.
Impact
- Affected code:
src/components/vertigoHaloComponent.vuesrc/shader/vertigoHaloComponent/src/dcsConfig.tspublic/preview/vertigoHaloComponent.svg
- APIs:
- Adds a new component with props for size, tunnel motion, ring density, segment density, pulse intensity, glow intensity, opacity, and core colors.
- Dependencies:
- Reuses the existing
three,@tresjs/core, andthree-custom-shader-materialstack.
- Reuses the existing
- Systems:
- Adds a new registry entry without changing generic preview infrastructure.
- Rollback strategy:
- Remove the new registry entry, then delete the new component, shader files, preview asset, and this change folder.