Skip to main content
CourseFlix

Remake Retro Games with JavaScript

7h 5m 41s
English
Paid

Old is gold. Let's get inspired by the classic games from the 80's and add our own graphics and game features. Dive into the interstellar void and utilize three different weapon types to obliterate swarms of diverse space bugs, some larger and more challenging than others.

Course Overview

This course begins with a game inspired by the iconic Space Invaders arcade. Throughout this journey, you will experiment with exciting additions such as boss battles, super weapons, and a variety of enemy types.

Learning Outcomes

Object-Oriented Programming with JavaScript

Explore object-oriented programming with JavaScript and implement fundamental 2D game development techniques. Learn about the object pool design pattern, sprite animation, timing methods, and staggering techniques using timestamps.

Bonus Material

Take advantage of all bonus materials available. As a student, you'll receive a premium pack of 2D game art with a sci-fi space theme. You'll also have access to download source code from various project stages as new features are added.

Enemy Types and Features

You'll implement multiple enemy types, each offering unique challenges:

  • Beetlemorph - A basic enemy, defeated with a single hit.
  • Rhinomorph - An armored enemy that requires multiple hits and has various damage states.
  • Mantismorph - A large boss-sized enemy with a growing pool of lives.
  • Eaglemorph - Sacrifices a body segment when hit, which it uses as an attack.
  • Squidmorph - A mysterious alien bug; use your knowledge to design and implement your own unique enemy type.

About the Author: Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

Watch Online 70 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 70 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction
All Course Lessons (70)
#Lesson TitleDurationAccess
1
Introduction Demo
01:03
2
What will we learn? (Project features)
01:28
3
Project Setup
04:25
4
Game and player objects
05:37
5
Keyboard controls
07:27
6
Object pool
13:02
7
Enemy waves
13:34
8
Collision detection
08:06
9
Counting score and drawing game text
12:49
10
Game restart method
05:47
11
Beetlemorph enemy class
04:51
12
Sprite animation explained
10:36
13
Animation timing
10:16
14
Player animation
13:09
15
Extra features: Armored enemies
00:58
16
Rhinomorph enemy class
09:25
17
Extra features: Boss battles
00:31
18
Boss class
09:28
19
Boss movement
10:23
20
Boss vs player collision
07:08
21
Extra features: Super weapons
00:44
22
2 laser classes
08:02
23
Laser damage
08:02
24
Resource management
07:06
25
Eaglemorph enemy class
06:56
26
Enemy projectiles
06:22
27
Projectile interactions
04:49
28
Squidmorph enemy class
09:19
29
Lobstermorph enemy class
02:31
30
Project Setup
03:19
31
Planet and Game Class
08:11
32
Mouse Position
06:20
33
Player Spaceship
04:43
34
A little bit of Math
07:48
35
Understand Canvas Rotation
06:16
36
Debug Mode
02:26
37
Object Pool
12:23
38
Player Projectiles
06:11
39
Enemy Pool
07:26
40
Collision Detection
02:21
41
Periodic Events
08:07
42
Asteroid Enemy Class
04:22
43
Sprite Animation
09:16
44
Lobstermorph Enemy Class
09:16
45
Game Text
05:27
46
Player Lives
05:10
47
Beetlemorph Enemy Class
01:37
48
Rhinomorph Enemy Class
02:44
49
Make your first mobile game
01:09
50
Project Setup
02:03
51
Make Everything Responsive
06:16
52
Enemy Class
08:00
53
Object Pool Design Pattern
03:36
54
Periodic Triggers
06:51
55
Mouse Controls
01:32
56
Collision Detection
07:51
57
Touch Events
01:39
58
Game Text
07:05
59
Start and Restart
03:35
60
Fullscreen Games
04:12
61
Simple Crew Members
01:31
62
Simple Enemy Type
04:24
63
Sprite Animation
04:21
64
Animation Timing
04:09
65
Debug Mode
02:10
66
Enemy Variety
04:30
67
Randomized Space Crew
03:48
68
State Management in Games
04:28
69
State Design Pattern
15:24
70
Sounds
09:50
Unlock unlimited learning

Get instant access to all 69 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Course content

70 lessons · 7h 5m 41s
Show all 70 lessons
  1. 1 Introduction 01:03
  2. 2 What will we learn? (Project features) 01:28
  3. 3 Project Setup 04:25
  4. 4 Game and player objects 05:37
  5. 5 Keyboard controls 07:27
  6. 6 Object pool 13:02
  7. 7 Enemy waves 13:34
  8. 8 Collision detection 08:06
  9. 9 Counting score and drawing game text 12:49
  10. 10 Game restart method 05:47
  11. 11 Beetlemorph enemy class 04:51
  12. 12 Sprite animation explained 10:36
  13. 13 Animation timing 10:16
  14. 14 Player animation 13:09
  15. 15 Extra features: Armored enemies 00:58
  16. 16 Rhinomorph enemy class 09:25
  17. 17 Extra features: Boss battles 00:31
  18. 18 Boss class 09:28
  19. 19 Boss movement 10:23
  20. 20 Boss vs player collision 07:08
  21. 21 Extra features: Super weapons 00:44
  22. 22 2 laser classes 08:02
  23. 23 Laser damage 08:02
  24. 24 Resource management 07:06
  25. 25 Eaglemorph enemy class 06:56
  26. 26 Enemy projectiles 06:22
  27. 27 Projectile interactions 04:49
  28. 28 Squidmorph enemy class 09:19
  29. 29 Lobstermorph enemy class 02:31
  30. 30 Project Setup 03:19
  31. 31 Planet and Game Class 08:11
  32. 32 Mouse Position 06:20
  33. 33 Player Spaceship 04:43
  34. 34 A little bit of Math 07:48
  35. 35 Understand Canvas Rotation 06:16
  36. 36 Debug Mode 02:26
  37. 37 Object Pool 12:23
  38. 38 Player Projectiles 06:11
  39. 39 Enemy Pool 07:26
  40. 40 Collision Detection 02:21
  41. 41 Periodic Events 08:07
  42. 42 Asteroid Enemy Class 04:22
  43. 43 Sprite Animation 09:16
  44. 44 Lobstermorph Enemy Class 09:16
  45. 45 Game Text 05:27
  46. 46 Player Lives 05:10
  47. 47 Beetlemorph Enemy Class 01:37
  48. 48 Rhinomorph Enemy Class 02:44
  49. 49 Make your first mobile game 01:09
  50. 50 Project Setup 02:03
  51. 51 Make Everything Responsive 06:16
  52. 52 Enemy Class 08:00
  53. 53 Object Pool Design Pattern 03:36
  54. 54 Periodic Triggers 06:51
  55. 55 Mouse Controls 01:32
  56. 56 Collision Detection 07:51
  57. 57 Touch Events 01:39
  58. 58 Game Text 07:05
  59. 59 Start and Restart 03:35
  60. 60 Fullscreen Games 04:12
  61. 61 Simple Crew Members 01:31
  62. 62 Simple Enemy Type 04:24
  63. 63 Sprite Animation 04:21
  64. 64 Animation Timing 04:09
  65. 65 Debug Mode 02:10
  66. 66 Enemy Variety 04:30
  67. 67 Randomized Space Crew 03:48
  68. 68 State Management in Games 04:28
  69. 69 State Design Pattern 15:24
  70. 70 Sounds 09:50

Related courses

  • JavaScript Error Handling thumbnail

    JavaScript Error Handling

    By: Vue School
    Master the art of creating reliable and maintainable JavaScript applications with our comprehensive course on error handling.
    54 minutes 59 seconds
  • Learn JavaScript Closures (PRO) thumbnail

    Learn JavaScript Closures (PRO)

    By: Codesmith
    A video course on the most powerful yet complex concept in JavaScript. The goal of this course is to truly understand the concept that will enable you to accele
    5 hours 15 minutes 31 seconds
  • Build Incredible Chatbots thumbnail

    Build Incredible Chatbots

    By: Udemy
    Welcome to the most comprehensive and complete chatbot developer course. Learn concepts, tools and techniques that you will need
    7 hours 51 minutes

Frequently asked questions

What is Remake Retro Games with JavaScript about?
Old is gold. Let's get inspired by the classic games from the 80's and add our own graphics and game features. Dive into the interstellar void and utilize three different weapon types to obliterate swarms of diverse space bugs, some larger…
Who teaches Remake Retro Games with JavaScript?
Remake Retro Games with JavaScript is taught by Udemy. You can find more courses by this instructor on the corresponding source page.
How long is Remake Retro Games with JavaScript?
Remake Retro Games with JavaScript contains 70 lessons with a total runtime of 7 hours 5 minutes. All lessons are available to watch online at your own pace.
Is Remake Retro Games with JavaScript free to watch?
Remake Retro Games with JavaScript is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Remake Retro Games with JavaScript online?
Remake Retro Games with JavaScript is available to watch online on CourseFlix at https://courseflix.net/course/remake-retro-games-with-javascript. The page hosts every lesson with the integrated video player; no download is required.