tasks.md 2.0 KB
1. Change Scaffold and Port Plan
- 1.1 Create the OpenSpec change artifacts for
currentRipplePanelComponentand document which parts ofbass-ripple.htmlare preserved versus removed. (Verifiable: proposal, design, tasks, and spec files exist under the new change directory.) - 1.2 Define a ground-panel implementation that uses a single plane mesh, component-scoped shaders, and default floor placement. (Verifiable: the design documents describe the plane + shader architecture and default usage.)
2. Component and Shader Implementation
- 2.1 Add
src/components/currentRipplePanelComponent.vuewith safe prop clamping, shader setup, and time-driven uniform updates. (Verifiable: the component renders through tresjs/three and updates over time without DOM-side interaction logic.) - 2.2 Add
src/shader/currentRipplePanelComponent/panel.vertandpanel.fragto implement pulse-driven ripple displacement, conductive grid shading, and electric highlight composition. (Verifiable: shader source is externalized and imported by the component.) - 2.3 Remove mouse, touch, click, and pointer-driven ripple behavior from the port. (Verifiable: the component does not listen for interaction events and does not require interaction uniforms.)
3. Service Integration
- 3.1 Register the component in
src/dcsConfig.tswith defaults, default object transform, config controls, and preview metadata. (Verifiable: the component appears in the registry with usable defaults.) - 3.2 Add a preview asset under
public/preview/for the new component. (Verifiable: the preview path resolves to a local asset.)
4. Validation
- 4.1 Run
npm run buildand confirm the new component integrates cleanly. (Verifiable: the build completes successfully or only reports unrelated repository issues.) - 4.2 Update this task list to reflect the final completion state after implementation and validation. (Verifiable: completed items are checked in this file.)