Tetreggle is my attempt to:
- Learn a new language: JavaScript (js)
- Create a Proof of Concept for my nightmare game, Tetrs X Peggle
This is a tetris implementation in js, based on this tutorial from Michael Karen, on Medium, with full git implementation of that tutorial here. It's an exploration of the syntax and implementation, and some attempts to extend the basic implementation of the tutorial.
- Piece storage and swapping via
shift
key - Controls overlay
- Grid rendering
- Hidden grid print to console on
c
click
- Coloured edges for pieces
- B/W mode
- Colourblind mode
- Tile counter for tetronimo generation
- This is for the peggle integration
- Multiple piece drop
- Pause
- Render on single
canvas
- This requires deeper understanding of the
canvas
environment
- This requires deeper understanding of the
- Swapping in
O
andI
blocks can clip a block through the edge of the board and it will get trapped on rerender- Need to check the rotation and reposition the piece
x
position so it's not clipping
- Need to check the rotation and reposition the piece
This is based on some basic interactions from this codesandbox instance from xodial. The board generation logic, and the class-based movement logic is inspired by the examples in this POC, but based on general motion equations.
a