Croissant Adventure 2 is my own web game set in Migalandia. I built it with vanilla JavaScript, HTML5 Canvas and CSS, without an external game engine, to practise game architecture from scratch: scene system, central map with regions, modular minigames, camera, audio, scaled input, score, coins, login, character and outfit selection, Firebase synchronization, AI narrative chat and parental controls.
Problem, stack and result
Problem solved
Vanilla JavaScript web game with a central world, characters, minigames, AI chat, Firebase, parental controls and a custom HTML5 Canvas engine.
Technologies used
Core stack: JavaScript, HTML5 Canvas, CSS. Project technologies: JavaScript, HTML5 Canvas, CSS, Firebase, localStorage, WebAudio, AI Chat.
What I did
My role was Author. I worked on the technical implementation, product approach and enough documentation for the result to be explained and evolved.
Result or learning
Custom engine with scenes, game loop, scaled input and minigame switching. Central world with regions, camera, minimap, coins, music and environmental effects.
Highlights
- Custom engine with scenes, game loop, scaled input and minigame switching.
- Central world with regions, camera, minimap, coins, music and environmental effects.
- Collection of minigames: platformer, shooter, memory, snake, tower defense, rhythm, fishing, surfing and more.
- Login, character selection, outfits, persistent progress and Firebase synchronization.
- AI narrative chat and parental control panel with stats and time limits.