Front endWebOpen source
Under the Moonlight
Responsive Angular artwork that reacts to mouse movement - parallax as a study, not a gimmick
- Year
- Jan 2023
- Type
- Front end
- Technologies
- 5
- Track
- Web
Details
An Angular-based responsive artwork with mouse-movement sensitivity: layers of a night scene shift at different rates as the pointer moves, giving a sense of depth from flat SVG.
It started as a way to understand pointer-driven parallax properly - how to keep the motion smooth, how to avoid layout thrash, and how to make it degrade gracefully on touch devices where there is no pointer to follow.
Technologies
- Angular
- TypeScript
- SVG
- CSS
- Parallax