22-Javascript-with-the-Canvas-API folder 01
https://brm.io/matter-js/
https://brm.io/matter-js/demo
2. 04 Getting Content to Appear 3. 05 Boilerplate Overview world variable print it in the console browser.
gravity it's enable by default, makes the shape stay exactly where it is.
const shape = Bodies . rectangle ( 200 , 200 , 50 , 50 , {
isStatic : true ,
} )
World . add ( world , shape ) 5. 07 Clicking and Dragging 6. 08 Generating Random Shapes 7. 11 Configuration Variables folder 02
// Maze generation
const grid = [ ]
for ( let i = 0 ; i < 3 ; i ++ ) {
grid . push ( [ ] )
for ( let j = 0 ; j < 3 ; j ++ ) {
grid [ i ] . push ( false )
}
}
console . log ( grid ) const grid = Array ( 3 ) . fill ( null )
console . log ( grid ) 9. 13 Verticals and Horizontals 10. 14 Abstracting Maze Dimensions
11. 15 Guiding Comments
12. 16 Neighbor Coordinates 13. 17 Shuffling Neighbor Pairs 14. 18 Determining Movement Direction 15. 19 Updating Vertical Wall Values 16. 20 Updating Horizontal Wall Values 17. 21 Validating Wall Structure 18. 22 Iterating Over Walls 19. 23 Drawing Horizontal Segments 20. 24 Drawing Vertical Segments 22. 26 Drawing the Playing Ball 23. 27 Handling Keypresses 24. 28 Adding Keyboard Controls 27. 31 Adding a Win Animation 28. 32 Stretching the Canvas 29. 33 Understanding the New Unit Variables 30. 34 Refactoring for Rectangular Mazes 31. 35 Adding Fill Colors 32. 36 Displaying a Success Message