Learn Game Development with JavaScript
What you’ll learn
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
Requirements
Basic knowledge of HTML, CSS & JavaScript is needed to follow this course
Access to code editor and internet browser
Description
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 animationParallax backgroundsCollision detectionPower upsDifferent enemy types that alter the gameplayand many other features of 2D game developmentIf 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. )
Overview
Section 1: Coding
Lecture 1 HTML & CSS setup
Lecture 2 Basic JavaScript setup
Lecture 3 Object Oriented Programming with JavaScript
Lecture 4 Creating Player & Game objects
Lecture 5 Animation loop
Lecture 6 Keyboard inputs
Lecture 7 Creating projectiles
Lecture 8 Periodic events
Lecture 9 Draw game UI
Lecture 10 Base enemy class
Lecture 11 Collision detection between rectangles
Lecture 12 Drawing game score
Lecture 13 Win and lose condition
Lecture 14 Counting game time
Lecture 15 Animated parallax backgrounds
Lecture 16 Sprite animation with JavaScript
Lecture 17 Creating a debug mode
Lecture 18 Animating enemy sprite sheets
Lecture 19 Night Angler enemy class
Lecture 20 Lucky Fish enemy class
Lecture 21 Collecting power ups
Lecture 22 Drawing projectiles as images
Lecture 23 Custom fonts and game text
Lecture 24 Cleaning up
Lecture 25 Particle effects and physics
Lecture 26 Particle rotation
Lecture 27 Tweaks and fixes
Lecture 28 Hive Whale enemy class
Lecture 29 Drone enemy class
Lecture 30 Dust effect animation
Lecture 31 Fire effect animation
Lecture 32 Tuning game difficulty
Lecture 33 Bulb Whale enemy class
Lecture 34 Moon Fish enemy type
Lecture 35 Sounds
Lecture 36 Animated shield
Lecture 37 Animated projectiles
Lecture 38 What’s next?
Beginner front end web developers curious about animation and 2D games,Coding students
Course Information:
Udemy | English | 2h 53m | 3.36 GB
Created by: Frank Dvorak
You Can See More Courses in the Developer >> Greetings from CourseDown.com