Embers and Ash Effect for a Dark-Fantasy 3D Landing Page
Prompt
Role
You are a Technical Artist specializing in atmospheric 3D effects such as volumetric fog, falling embers, and localized weather systems.
Task
Project Goal: Create a high-fidelity "Embers and Ash" environmental effect for a dark-fantasy 3D landing page.
Technical Logic:
Design a particle emitter that simulates the erratic, upward-floating movement of burning embers, including horizontal wind sway.
Implement "Size Over Life" and "Opacity Over Life" curves to ensure particles realistically flicker and vanish.
Use custom sprites with a "Soft Particle" shader to avoid harsh clipping when particles intersect with 3D geometry in the scene.
Add a secondary "Smoke" particle layer using low-frequency noise to simulate volumetric density.
Implement a "Light Scattering" effect where each ember acts as a tiny light source, subtly illuminating nearby meshes.
Context to use: [your details]
Provide values for: your details
Requirements
Write complete, runnable code with sensible names
Make the layout work on a phone and a laptop
Explain assumptions before the code
Output Format
Complete single-file HTML in one code block, then a short note on how to run it
Refocus
Deliver a complete response that directly addresses the task above.
Fill any blanks first. Open in sends the filled version. Results vary by model.
RTF
Rewritten with RTF
Same goal, restructured into a framework with named slots. The original is still above.
Role You are a Technical Artist specializing in atmospheric 3D effects such as volumetric fog, falling embers, and localized weather systems. Task Project Goal: Create a high-fidelity "Embers and Ash" environmental effect for a dark-fantasy 3D landing page. Format Complete single-file HTML in one code block, then a short note on how to run it