A simple game concept to practice design and logic principles within the 2D world.
Create a 2-D game where the player's avatar transforms based on a timer representing the time of day. Also, if the player is in possession of a magical totem, the avatar will have other transforming abilities. Use css keyframes to animate all sprites.
Another challenge is to create a Block-Builder that allows the player to create new levels. The player will select from a color palette and drag the mouse over the screen, dropping colored boxes. Then when the player saves and loads the new level.
The Level-Builder will simplify the blocks. This is done by reducing the number of blocks that are similar in color and are adjacent to each other. The individual blocks will merge to form one larger block. Each color also has it's own logic for use in the game (e.g., green blocks are grass and the avatar cannot pass through them).
💡 This was a project that was developed in close partnership with my school-age daughter. She is the inspirational project manager and creative director that helped guide the development process.
https://pocketsquatch.herokuapp.com/
https://pocketsquatch.herokuapp.com/levels/block-builder/ids
- add enemy threats based on level objects
- add more complex levels with rewards
- use more refined animation for sprites
- make responsive and fix UI layout