The legendary puzzle game. Based off the HTML5 Canvas Game Scaffold.
- 🎮 Change the text and game settings
- 🖼️ Replace the frog, enemies, background and more
- 🔈 Change the sounds for winning, losing, and more
- 💅 Change the colors and visual style
This is the main directory
- index.html is the main html file where the game canvas, and overlay elements are declared.
- index.js is the main javascript file that initializes and loads the game.
- style.css this file contains css styles for the game canvas, and overlay elements.
This directory holds the game code.
- game/main.js is where the load, create, and play loop are setup.
- game/overlay.js controls the html overlay for displaying game text.
This directory contains code for the game characters.
- Block: game/characters/block.js code for the individual blocks.
- Tetromino: game/characters/piece.js code for the piece.
- Stack: game/characters/stack.js code for stacked of blocks.
This directory contains code base classes like image, sprite, etc.
- Image: game/objects/image.js a simple images class.
- Sprite: game/objects/sprite.js a sprite class building game characters with. Being a sprite, gives a character abilities like movement in the x and y direction, speed, and bounding areas.
This directory contains helper code for requesting frames.
- animationFrame: game/helpers/animationFrame.js a shim for requestAnimationFrame, the browsers method for asking for a new frame. Browsers request around 60 frames per second depending on resources.
This directory contains utility code for common functions.
- baseUtils: game/utils/baseUtils.js a collection of useful functions for making games.
- spriteUtils: game/utils/spriteUtils.js a collection of useful sprite related functions to check hit-boxes or detect collisions.
- gridUtils: game/utils/gridUtils.js a collection of useful grid related functions to check neighbor cells, or calculate cellsize.
If you need any help, you can ask the community by making a post, or joining the discord.