Twirl Hero Animation
Hero Animation - 2025
A reusable hero-animation module built around moving beams, expanding light, noise texture treatment, and runtime-tunable settings.
The module exposes controls such as getState, setSetting, reset, exportStateText, and playLightExpand for integration into other pages.
Role: Motion Prototyping, Reusable Animation API, Front-End Development
Stack: Vite, JavaScript, Animation State API, Noise Textures
The hero effect is designed as a mountable module.
The project centers on a mountHeroAnimation API, allowing the animation to be attached to a page and controlled through a small public interface.
The module was built for reuse and quick tuning.
Its export and state functions make it easier to preserve a tuned state or trigger the light expansion from another interface event.