Course Overview
Games should be exciting, full of secrets and special features! Let me take you step by step though my creative process and show you how I build unique game worlds for players to have adventures in. I will explain every line of code as we write it. Let's practise object oriented programming and use HTML, CSS and plain vanilla JavaScript to build a game. There will be no frameworks and no libraries, because we want deep understanding of how things work under the hood.
Let's explore an alien planet and it's mechanical life forms in a steampunk themed 2D side scroller. We will learn how to implement:
Sprite animation
Parallax backgrounds
Collision detection
Power ups
Different enemy types that alter the gameplay
and many other features of 2D game development
If you are a beginner front end web developer curious about game development, creative coding & web animation, come join me and learn how to create beautiful visuals for your games, and how to implement unique game features that will make your project stand out. Have fun!
(In this class I am giving away a lot of free game art assets for characters, environments and props. These were created by me or artists I hired, there is no copyright. Feel free to use them for any of your personal projects if you want. )
FAQ
FAQ area empty
Course curriculum
-
HTML & CSS setup
96 Xem trước -
Basic JavaScript setup
137 Xem trước -
Object Oriented Programming with JavaScript
146 Xem trước -
Creating Player & Game objects
353 Xem trước -
Animation loop
197 -
Keyboard inputs
579 Xem trước -
Creating projectiles
426 -
Periodic events
308 Xem trước -
Draw game UI
169 -
Base enemy class
478 -
Collision detection between rectangles
317 Xem trước -
Drawing game score
194 -
Win and lose condition
122 -
Counting game time
194 -
Animated parallax backgrounds
613 -
Sprite animation with JavaScript
222 -
Creating a debug mode
96 -
Animating enemy sprite sheets
397 -
Night Angler enemy class
143 -
Lucky Fish enemy class
81 -
Collecting power ups
468 -
Drawing projectiles as images
71 -
Custom fonts and game text
161 -
Cleaning up
128 -
Particle effects and physics
732 -
Particle rotation
223 -
Tweaks and fixes
179 -
Hive Whale enemy class
179 -
Drone enemy class
283 -
Dust effect animation
906 -
Fire effect animation
88 -
Tuning game difficulty
202 -
Bulb Whale enemy class
117 -
Moon Fish enemy type
160 -
Sounds
401 -
Animated shield
454 -
Animated projectiles
249 -
What's next?
121 -
Bonus Lecture
30
Requirment
-
Basic knowledge of HTML, CSS & JavaScript is needed to follow this course
-
Access to code editor and internet browser
Outcomes
-
Build 2d games with HTML, CSS & JavaScript, no frameworks and no libraries
-
Explore web animation techniques with HTML canvas element
-
Practice Object Oriented Programming
-
Discover and learn 5 fundamental techniques of 2D game development and use them in a real project
0 Student
1 Course
0 review