1. Shader Structure
2. Component Implementation
- 2.1 Create
src/components/volumetricFluidFlameComponent.vue with Tres-compatible primitive mounting.
- 2.2 Implement fluid render target allocation, ping-pong simulation passes, pressure projection, and volume mesh updates inside the shared render loop.
- 2.3 Expose clamped props and uniform sync for fire shape, color preset, simulation behavior, render quality, and ground glow.
- 2.4 Remove standalone sample concerns by not creating renderer, visible scene/camera, controls, post-processing, DOM UI, or debug wireframe logic.
- 2.5 Dispose all component-owned render targets, scenes, materials, and geometries on unmount or structural quality changes.
3. Service Integration
4. Review