I got carried away last night after reading @bramus post on scroll direction detection using #CSS#scrollDrivenAnimations. It turns out you can control #pixelArt sprites in 8 directions! With zero #JS!
And another idea I had was that it should be possible to create some gameplay based on it and the various scroll positions, like tiles stepping on which would result in “game over”, or “gathering” items etc, as we can pre-calculate the items positions and detect these, toggling the states.
@kizu Ha, thanks, and thanks for the persistent state reference, I might look into that. I was thinking something similar regarding gameplay, if style queries had a range syntax then you might be able set up areas for items or danger/safe zones.
@Jbasoo Yep, for now for the areas we could use separate animations with the timeline-range handling the “areas” where the animations would trigger themselves.
Add comment