In this video you will learn how to generate random maps in JavaScript, the type that are often represented as dungeons in a lot of ‘dungeon crawler’ 2D arcade games.
The basic algorithm at the heart of this tutorial is known as a random walker algorithm. This may seem like something that you can learn on your own. But the special thing about this tutorial is that not only will you be implementing one of these algorithms in JavaScript code. You will also be learning how to compile the algorithms output data and translate that into graphics that can be drawn onto the canvas. Hence a random level has been created.
📚 Materials/References:
The finished projects Code Pen: codepen.io/LFCProductions/pen...
🧠 Concepts Covered:
- Drawing graphics onto a dynamically sized canvas.
- Random Walker Algorithm
- Split an Array on items that do not fil the sequence
- Merge large chunks of matrix data into JavaScript objects that can be looped through in linear time, making things easier to be rendered out onto the canvas.
💻 Technologies used:
- Vanilla JavaScript, no frameworks.
- HTML canvas.
- CSS.
If you enjoyed this video then please consider liking 👍 and subscribing. You would be doing me a huge favour if you did this and it would be greatly appreciated ❤️ by me. Likewise, if you have any queries or comments that you want answered. Then please, don’t hesitate post them down into the comments box below. I would love to hear back from you and will answer all of your questions to the best of my ability.
Stay awesome guys. ❤️
#canvas#htmlcanvas#html#css#javascript#javascriptgame#gamedev#randomalgorithm#javascriptalgorithm#canvasgame
3 июн 2021
