DEV Community

Ania Kubow
Ania Kubow

Posted on

11 1

Code Zelda in JavaScript and Kaboom.js

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

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (1)

Collapse
 
computergeek profile image
Amrut

Woah, big fan mam

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay