How to Make Your FIRST GAME with JavaScript | 50 SUBSCRIBER SPECIAL
3THANK YOU GUYS! I know I have not uploaded much content over the past few months (due to various reasons) but I'm blown away by the fact this channel is still gaining subscribers in my absence! I can't thank you enough.
Also, I am a man of my word. I said I will make a video when we hit 50 subs and it would be about a game (possibly) and so here it is! I felt a nice way to thank you guys for the support so far is to make a (proper) tutorial video on making a simple game using JavaScript code. I wish I had this sort of guidance back in the day so I'm hoping this might help some beginners out there who are aspiring to be amazing game developers. :)
Chapters:
0:00 - The Greatest Thank You Intro You Will See
0:40 - Setup, Draw, Declare Variables
1:15 - What are Variables?
2:20 - Canvas and Game Settings
3:45 - How to Align Text?
4:35 - Create a Background
5:00 - Display the Button
6:00 - Displaying Text
7:15 - Tracking the Score
8:00 - Mouse Interaction
9:40 - How do we Push the Button?
10:40 - Full Code Snapshot
11:00 - My Funny Version
11:20 - Optional Challenges
11:55 - The Best Outro You Will Maybe See
--- FIRST GAME TUTORIAL ---
Source Code ► https://editor.p5js.org/rushcode/sketches/v15AAIsRz
No Code ► https://editor.p5js.org/rushcode/full/v15AAIsRz
--- JAVASCRIPT LINKS ---
Variables ► https://www.youtube.com/watch?v=dRhXIIFp-ys
If statement ► https://www.youtube.com/watch?v=1Osb_iGDdjk
References ► https://developer.mozilla.org/en-US/docs/Web/JavaScript
Full Beginner Course ► youtube.com/watch?v=PkZNo7MFNFg
--- P5JS LINKS ---
P5.js Editor ► https://editor.p5js.org/
Color Table ► https://www.december.com/html/spec/colorsvg.html
References ► https://p5js.org/reference/
Coding Train Tutorials ► https://youtu.be/o9sgjuh-CBM
This 12-minute video took 2.5 hours to render. There are two red buttons to push. One exists in an alternate dimension known as P5. The other lives right here on this page! Go push it. I double-button dare you.