When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

Make Animated Retro Games with JavaScript

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon7 hours 4 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Make Animated Retro Games with JavaScript

Project 1 Introduction

Project 1 features

Project setup

Game and player objects

Keyboard controls

Object pool

Enemy Waves

Collision detection

Score and status text

Restart method

Beetlemorph enemy class

Sprite animation explained

Animation timing

Player animation

Extra features: Armored enemies

Rhinomorph enemy class

Extra features: Boss battles

Boss class

Boss movement

Boss vs player collision

Extra features: Super weapons

2 laser classes

Laser damage

Resource management

Eaglemorph enemy class

Enemy projectiles

Projectile interactions

Squidmorph Enemy Class

Lobstermorph Enemy Class

Project 2: JavaScript Planet Defense

Project 2: Planet and Game Class

Project 2: Mouse Position

Project 2: Player Spaceship

Project 2: A Little Bit of Math

Project 2: Understand Canvas Rotation

Project 2: Debug Mode

Project 2: Object Pool

Project 2: Player Projectiles

Project 2: Enemy Pool

Project 2: Collision Detection

Project 2: Periodic Events

Project 2: Asteroid Enemy

Project 2: Sprite Animation

Project 2: Lobstermorph Enemy

Project 2: Game Text

Project 2: Player lives

Project 2: Beetlemorph Enemy

Project 2: Rhinomorph Enemy

Project 3: JavaScript Mobile Game

Project 3 Setup

Make Everything Responsive

Enemy Class

Object Pool Design Pattern

Periodic Triggers

Mouse Controls

Collision Detection

Touch Events

Game Text

Start Restart

Fullscreen Games

Simple Crew Members

Simple Enemy Type

Sprite Animation

Animation Timing

Debug Mode

Enemy Variety

Randomized Space Crew

State Management in Games

State Design Pattern

Sounds

What You Will Learn?

  • Old is gold. Let's get inspired by the classic games from the 80's and add our own graphics and game features. In the first project we will explore the interstellar void and use 3 different weapon types to burn through swarms of space bugs of different types, some larger than the others. We will start with a game loosely inspired by the classic Space Invaders arcade and we will experiment with different additional features such as boss battles, super weapons and different enemy types.Let's explore object oriented programming with JavaScript and implement a useful set of basic 2D game development techniques such as object pool design pattern, sprite animation, timing and staggering techniques using timestamps and much more..
  • Don't forget to download all the bonus gifts. Students of this course will get a pack of premium quality 2D game art, this time in a sci-fi space theme. You can also download the source code from multiple stages of the project, as we gradually add more features..
  • We will implement multiple enemy types:.
  • Beetlemorph - basic enemy, 1 hit is enough.
  • Rhinomorph - armored enemy, multiple lives, multiple damage states.
  • Mantismorph - massive boss size enemy, increasing pool of lives.
  • Eaglemorph - when hit, it will sacrifice a body segment and it will spit it back.
  • Squidmorph - inflatable alien bug, it can absorb our weapons.
  • Lobstermorph - unstable DNA, splits into multiple smaller clones when hit.
  • Have fun!.