This is an easy'n'ready to use 2D canvas boilerplate, great for begginer or to make quick prototyping.

• Scalable
• No dependancies
• Begginer friendly
• Use Classes and ES6 modules
• State machine for inputs handling
• Classic load/update/draw loop
• Easy to implement on any frontend framework

How to use

1. Clone it :

git clone https://github.com/Bilboramix/empty_js_gameloop.git

2. Start : open webserver with a live server extension and use ZQSD/WASD to move the player.

3. Code : Create classes objects, with their own update and draw function (Follow the player model), and push a new one into entities array.

Cool canvas and js tutorials here

• Frank's laboratory : https://www.youtube.com/c/Frankslaboratory
• Chris Courses : https://www.youtube.com/c/ChrisCourses
• Coding Train : https://www.youtube.com/c/TheCodingTrain

Cool dependancies to play with

• Multiplayer handling : https://github.com/geckosio/geckos.io
• Physics calculations : https://brm.io/matter-js/
• Perlin noise : https://p5js.org/
• Random generation : https://chancejs.com/