Releasing my first film tutorial to go along with my web dev related courses. I've always had a passion for video production, just never had the guts to post a tutorial about it until now.
I'm still doing web dev tutorials by the way, just trying to expand a bit and make Chris Courses more multimedia related.
?View more development courses and content at https://chriscourses.com/
?Gear I used to produce this video: https://kit.com/chriscourses/chris-courses-studio-setup
?PART 4 OF HOW TO CODE THIS CANVAS PIECE: https://codepen.io/chriscourses/pen/PzONKR
?CANVAS BOILERPLATE GITHUB REPO: https://github.com/christopher4lis/canvas-boilerplate
?FOLLOW ME:
Instagram: https://www.instagram.com/chriscourses/
Twitter: https://twitter.com/chriscourses
Facebook: https://www.facebook.com/chriscourses
Website: http://www.chriscourses.com
...
https://www.youtube.com/watch?v=AzP_ZSR1714
Start the full game course at: https://chriscourses.com/game-course
When I first started learning web development, I was able to get text and images displaying in a browser, but when it came to developing interactive games, I was frustrated, baffled, and felt like I really wasn't made out to be a web developer. It seemed like game developers could easily whip up a fully functional game in a few files worth of code, but me, I was just an imposter.
I always attributed it to game developers being born with an innate ability to grasp mathematics and complex functions used throughout their day-to-day programming, but now I know, that's just not the case.
Through much trial and error, I eventually started putting the pieces of the game development puzzle together. I spent MONTHS studying and analyzing other developers canvas pieces, while also taking Khan Academy math courses to truly understand how math and programming work in tandem together to produce a fully functional game. I realized that game development wasn't that hard—it's just that no creators have pieced the puzzle together and presented it in a consumable manner that's easy for beginners.
This course covers everything I've learned during those months worth of learning throughout my eight years of experience. Rather than having you struggle to find the right resources and put all of the pieces together correctly (like I had to do), I've compiled everything into a few hours worth of concise, straight to the point videos, that'll get you started with all of the basics required to program your very own video game.
?Table of Contents
00:00 Intro
00:54 Project setup
09:30 Create a player
17:44 Create projectiles
23:18 Whiteboard projectile math
25:47 Projectile creation continues
38:23 Create enemies
52:07 Remove enemy when projectile hits
57:58 End game
...
https://www.youtube.com/watch?v=eI9idPTT0c4
Learn the skills I used to get to this point and join my digital programming academy at https://chriscourses.com/
00:00 Intro
01:02 Reasoning
02:22 The Plan
03:10 Water Filter Hardware
05:02 Raspberry Pi Setup and Programming
06:51 3D Print of the Shell
08:07 Finishing the Shell
09:25 Epoxy Pours
10:51 Component Insertion
11:32 Perfboard Soldering
12:18 Component Clean-Up
13:50 LED Programming and Setup
14:42 Installation and Mounting
16:17 The Finished Product
...
https://www.youtube.com/watch?v=S3okv0jYZUc
Start hosting your games with https://linode.com/chriscourses and receive a $100 60-day credit.
Anything above $5 a month for hosting is too expensive. If you have two functioning hands and the will to sit down and learn the absolute basics of server management, you too can have a $5 per month server to host every single game in your untouched side projects folder.
I've been hosting my games and sites like this since 2016, way before I even knew what Linode was. If you're serious about upping your development skills and want to be able to produce multiplayer games in the future, this is the absolute first step you should take.
0:00 Methods to host your games
1:34 How to create a server with Linode
3:34 Login to your new server
5:44 Install Nginx
7:25 Transfer game over to the server
13:16 Purchase and connect a domain name
16:32 Connect a second game to the same server
20:46 Create a new config file for Nginx
27:13 Next steps
...
https://www.youtube.com/watch?v=Qti0OXlxo_U
NEW: Canvas Image Manipulation course only at https://chriscourses.com/courses/image-manipulation/introduction
?View more development courses and content at https://chriscourses.com/
?Gear I used to produce this video: https://kit.com/chriscourses/chris-courses-studio-setup
?PART 1 OF HOW TO CODE THIS CANVAS PIECE: https://codepen.io/chriscourses/pen/PzONKR
?CANVAS BOILERPLATE GITHUB REPO: https://github.com/christopher4lis/canvas-boilerplate
?FOLLOW ME:
Instagram: https://www.instagram.com/chriscourses/
Twitter: https://twitter.com/chriscourses
Facebook: https://www.facebook.com/chriscourses
Website: http://www.chriscourses.com
...
https://www.youtube.com/watch?v=lNz8LOk438U
Here we'll learn how to identify our players with user inputted names instead of referencing a randomized string of characters (user IDs). To achieve this effect, we'll use a combination of HTML forms, JavaScript event listeners, and backend integration.
GitHub Gist: https://gist.github.com/christopher4lis/40f4386e0b62907187fd51d6cd34aefa
Source code for this lesson: https://github.com/chriscourses/multiplayer-game/commit/60d410079a68c79034d05df3c113d7d520f5d8d6
0:00 Insert username input boilerplate
2:28 Add event listener to form and input
7:58 Submit and process input on backend
16:07 Hide / show interface
...
https://www.youtube.com/watch?v=qlF50eQJQRo
GitHub URL: https://github.com/chriscourses/multiplayer-game
If all players are white, how will we differentiate between them? This lesson will teach you the correct way to start differentiating your players using a backend methodology. I'll also teach you some good file and variable naming practices to keep your codebase clean.
This lesson will teach you how to:
- Add unique attributes (color)
- Change color on frontend
- Refactor player constructor
- Easier-to-understand variable and file names
- Generate random color on backend
- Enhance canvas resolution
0:00 Change color on frontend
4:57 Refactor player constructor
8:20 Easier-to-understand variable and file names
15:29 Generate random color on backend
20:00 Enhance canvas resolution
...
https://www.youtube.com/watch?v=rk1mfqINyGQ
?View more development courses and content at https://chriscourses.com/
Learn how to get up and running with yarn package manager, while obtaining a basic understanding as to why you’d want to use it over existing package managers such as npm.
Yarn package manager provides for a number of benefits over its npm counterpart, including the auto-generation of lock files, substantial speed improvements, and offline package downloads. Learn how to download yarn and make use of each of these features, step by step, within this comprehensive tutorial.
Timeline:
0:38 - Yarn package manager tutorial begins / Install yarn
1:50 - Yarn vs npm speed test
2:32 - Yarn global cache
3:01 - Download packages offline
3:32 - What is a lock file?
5:09 - Adding packages with yarn vs npm
6:18 - Removing packages with yarn
6:36 - Saving packages as devDependencies with yarn
7:06 - The yarn why command
Bonus:
Check out the code version of the animation used in the video:
http://codepen.io/christopher4lis/details/rrPJGa/
Resources:
https://code.facebook.com/posts/1840075619545360
https://shift.infinite.red/npm-vs-yarn-cheat-sheet-8755b092e5cc#.f18yrdycn
https://auth0.com/blog/five-things-you-can-do-with-yarn/
Beatz:
Immortal Beats - Oh Wee - Creative Commons
For updates on the progress of chriscourses.com and future videos, join the Chris Courses mailing list at http://chriscourses.com.
Support Chris Courses Through Patreon:
--------------------------------------
https://www.patreon.com/chriscourses
Chris Courses Social:
---------------------
Twitter: https://twitter.com/chriscourses
Facebook: https://www.facebook.com/chriscourses
Instagram: https://www.instagram.com/chriscourses
Christopher Lis Social:
-----------------------
Twitter: https://twitter.com/christopher4lis
CodePen: http://codepen.io/christopher4lis
...
https://www.youtube.com/watch?v=7n467QmiANM
?View more development courses and content at https://chriscourses.com/
Answering questions along the way, feel free to ask me anything!
...
https://www.youtube.com/watch?v=S2f-vpv666Y