Build Zelda hearts with JavaScript/React (Gamedev Tutorial)
In this JavaScript tutorial, we use React to recreate the classic HUD in Zelda games. Whether you're making a game in React or just trying to learn React in the first place, this video hopes to help you out!
*** Links ***
Download the project (instructions in readme.md for installing):
https://assets.codepen.io/21542/zelda-hearts-react.zip
Join us in our Discord:
https://discord.gg/umD2GRy
Me on Twitter:
https://twitter.com/drewconley13
Danger Crew, my first game built with React:
https://store.steampowered.com/app/1064690/Danger_Crew
Create React App starter kit:
https://reactjs.org/docs/create-a-new-react-app.html#create-react-app
*** Timestamps ***
00:00:00 Intro
00:01:00 Project Overview
00:02:00 HUD Starting point
00:07:44 Heart SVG breakdown
00:09:44 Creating the hearts array
00:11:37 Grid styles
00:12:30 Filling the hearts
00:14:10 Changing the number of hearts
Видео Build Zelda hearts with JavaScript/React (Gamedev Tutorial) канала Drew Conley
*** Links ***
Download the project (instructions in readme.md for installing):
https://assets.codepen.io/21542/zelda-hearts-react.zip
Join us in our Discord:
https://discord.gg/umD2GRy
Me on Twitter:
https://twitter.com/drewconley13
Danger Crew, my first game built with React:
https://store.steampowered.com/app/1064690/Danger_Crew
Create React App starter kit:
https://reactjs.org/docs/create-a-new-react-app.html#create-react-app
*** Timestamps ***
00:00:00 Intro
00:01:00 Project Overview
00:02:00 HUD Starting point
00:07:44 Heart SVG breakdown
00:09:44 Creating the hearts array
00:11:37 Grid styles
00:12:30 Filling the hearts
00:14:10 Changing the number of hearts
Видео Build Zelda hearts with JavaScript/React (Gamedev Tutorial) канала Drew Conley
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Game Loop Speed in Pizza LegendsTutorial: Scenario and Story Points in a JavaScript gameEnd-to-End Testing with Playwright (an Intro)GODOT TUTORIAL #4: Collisions, Export inspector variables, Top Down layering (for beginners)Creating Pizzas for the Lineup! Pizza RPG Ep. 14Story Progress! Pizza RPG Ep. 13Finishing the Battle! Pizza Battle RPG Pt. 8Tutorial: Pixel art SVGs for React game HUDPizza Team HUD - RPG Battle pt. 7Saving game progress - Pizza RPG Ep. 15Busting out Items in Battle | Pizza RPG Battles Pt. 5Build an Attack Menu! RPG Battles Pt. 4Build JavaScript games with Excalibur JSShould you build an Editor for your game?What I learned from using Unity for a weekBuild an Inventory screen layout with CSS Grid (Beginner Tutorial)Pizza RPG Part 5 - Character Animations #pizzalegendsPizza RPG Part 9 - Expanded Cutscene behaviors!Pizza RPG Part 6 - Camera #pizzalegendsPizza RPG Part 3: Overworld Maps #pizzalegends