This began with the question "what if I rendered a Game Boy with only CSS" - I loved the result and couldn't stop myself from continually adding to it.
My goal is to provide the tactile experience of playing with a retro console and its cartridges from the browser.
As of today NissyGirl hosts:
- fully interactive 3D handheld rendered with only HTML/CSS
- XState machines orchestrating the many layers of behavior
- tactile cartridge flow (with more 3D HTML/CSS)
- custom game engine featuring fixed-timestep simulation and state machine driven behavior (with PixiJS for canvas rendering our screen
- touch-first interactive control scheme
- two unique cartridges with their own UI and gameplay
- a prompt system
- a sound system and sounds mastered and produced by me (some even recorded) and loads of pixel art
I've put a lot of work into making the interactions feel physical and intuitive. I'd love feedback on those, as well as any weird unexpected browser behavior you run in to.
Thanks all! Excited to answer any questions you may have, this has been made deeply with love and I hope you enjoy :)
bsky https://bsky.app/profile/nissygirl.bsky.social repo https://github.com/tanishalfelven/nissy-girl/
tanishalfelven•5m ago
Jumper seeds are procedurally generated and first simulate jumper and measure her max capabilities and use those as inputs to generation. Jumper seeds are always possible though sometimes difficult :)