10

Code Zelda in JavaScript and Kaboom.js

 2 years ago
source link: https://dev.to/ania_kubow/code-zelda-in-javascript-and-kaboom-js-i3n
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Code Zelda in JavaScript and Kaboom.js

Jul 23

・2 min read

In this video I show you how to build Zelda in JavaScript using the Kaboom.js library in my code editor of choice. If you are new to Kaboom I would suggest watching the full course where I explain each method before diving in to the game creating, visit freeCodeCamp.org by clicking here: https://www.youtube.com/watch?v=4OaHB0JbJDI

In the full course I use a preconfigured environment to code Zelda. In this tutorial I create the game from scratch using my code editor of choice.

Final code here: https://github.com/kubowania/zelda

Imgur: https://imgur.com/user/aniakubow20/posts

0:00 Introduction
1:08 Coding starts
5:43 Layers and sprites
17:55 Placing sprites on the first level
29:32 Passing score and levels
34:41 Adding Link
36:09 Keyboard events
40:41 Moving between levels
45:33 Dealing with enemies
01:04:03 Final result


⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.

⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-top-tool

⭐ You can get a blockchain domain with my affiliate link here: http://bit.ly/get-a-crypto-domain

⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow

⭐ Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips

You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://instagram.com/aniakubow

codingbootcamp​ #coding


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK