Remake Retro Games with JavaScript

Focused View

Frank Dvorak

7:04:28

405 View

1. Introduction

1. Introduction.mp4

01:02

2. What will we learn (Project features).mp4

01:27

2. JavaScript Space Invaders

1. Project Setup.mp4

04:24

2. Game and player objects.mp4

05:36

3. Keyboard controls.mp4

07:26

4. Object pool.mp4

13:01

5.1 background.zip

5. Enemy waves.mp4

13:33

6.1 SOURCE CODE V1 Collision Detection.zip

6. Collision detection.mp4

08:05

7. Counting score and drawing game text.mp4

12:48

8.1 SOURCE CODE V2 Game Restart Method.zip

8. Game restart method.mp4

05:46

9.1 beetlemorph.zip

9. Beetlemorph enemy class.mp4

04:50

10. Sprite animation explained.mp4

10:35

11. Animation timing.mp4

10:15

12.1 player_jets.zip

12.2 player.zip

12.3 SOURCE CODE V3 Player Animation.zip

12. Player animation.mp4

13:08

13. Extra features Armored enemies.mp4

00:57

14.1 rhinomorph.zip

14.2 SOURCE CODE V4 Rhinomorph Enemy Class.zip

14. Rhinomorph enemy class.mp4

09:24

15. Extra features Boss battles.mp4

00:30

16.1 boss.zip

16. Boss class.mp4

09:27

17. Boss movement.mp4

10:22

18.1 SOURCE CODE V5 Boss Vs Player.zip

18. Boss vs player collision.mp4

07:07

19. Extra features Super weapons.mp4

00:43

20. 2 laser classes.mp4

08:01

21. Laser damage.mp4

08:01

22.1 SOURCE CODE V6 Resource Management.zip

22. Resource management.mp4

07:05

23.1 eaglemorph.zip

23.2 enemyprojectile.zip

23. Eaglemorph enemy class.mp4

06:55

24. Enemy projectiles.mp4

06:21

25.1 SOURCE CODE V7 Projectile Interactions.zip

25. Projectile interactions.mp4

04:48

26.1 boss8.zip

26.2 SOURCE CODE V8 Squidmorph Enemy Class.zip

26.3 squidmorph.zip

26. Squidmorph enemy class.mp4

09:18

27.1 lobstermorph.zip

27.2 SOURCE CODE V9 Lobstermorph Enemy Class.zip

27. Lobstermorph enemy class.mp4

02:30

3. JavaScript Planetary Defense

1.1 background.zip

1. Project Setup.mp4

03:18

2.1 planet.zip

2. Planet and Game Class.mp4

08:10

3. Mouse Position.mp4

06:18

4.1 player.zip

4. Player Spaceship.mp4

04:42

5. A little bit of Math.mp4

07:47

6. Understand Canvas Rotation.mp4

06:15

7.1 SOURCE CODE V1 Debug Mode.zip

7. Debug Mode.mp4

02:25

8. Object Pool.mp4

12:22

9. Player Projectiles.mp4

06:10

10. Enemy Pool.mp4

07:25

11. Collision Detection.mp4

02:20

12. Periodic Events.mp4

08:06

13.1 asteroid.zip

13. Asteroid Enemy Class.mp4

04:21

14.1 SOURCE CODE V2 Sprite Animation.zip

14. Sprite Animation.mp4

09:15

15.1 lobstermorph.zip

15. Lobstermorph Enemy Class.mp4

09:15

16. Game Text.mp4

05:26

17. Player Lives.mp4

05:09

18.1 beetlemorph.zip

18. Beetlemorph Enemy Class.mp4

01:36

19.1 rhinomorph.zip

19.2 SOURCE CODE V3 Rhinomorph Enemy.zip

19. Rhinomorph Enemy Class.mp4

02:43

4. JavaScript Mobile Game

1. Make your first mobile game.mp4

01:08

2.1 background1920x1080.zip

2. Project Setup.mp4

02:02

3.1 background1080x1920.zip

3. Make Everything Responsive.mp4

06:15

4.1 source_code_1.zip

4. Enemy Class.mp4

07:58

5. Object Pool Design Pattern.mp4

03:35

6. Periodic Triggers.mp4

06:50

7. Mouse Controls.mp4

01:31

8. Collision Detection.mp4

07:50

9. Touch Events.mp4

01:37

10. Game Text.mp4

07:04

11. Start and Restart.mp4

03:34

12.1 source_code_2.zip

12. Fullscreen Games.mp4

04:11

13.1 crew.zip

13. Simple Crew Members.mp4

01:30

14.1 beetlemorph100x100.zip

14. Simple Enemy Type.mp4

04:23

15. Sprite Animation.mp4

04:20

16. Animation Timing.mp4

04:08

17. Debug Mode.mp4

02:09

18.1 eaglemorph100x100.zip

18.2 lobstermorph100x100.zip

18.3 locustmorph100x100.zip

18.4 mantismorph100x100.zip

18.5 projectilelarge.zip

18.6 rhinomorph100x100.zip

18.7 source_code_3.zip

18.8 squidmorph100x100.zip

18. Enemy Variety.mp4

04:29

19.1 crewsprite.zip

19. Randomized Space Crew.mp4

03:47

20.1 phantommorph100x100.zip

20. State Management in Games.mp4

04:27

21. State Design Pattern.mp4

15:23

22.1 boom1.mp3

22.2 boom2.mp3

22.3 boom3.mp3

22.4 boom4.mp3

22.5 lose.mp3

22.6 newgame.mp3

22.7 scream.mp3

22.8 slide.mp3

22.9 source_code_4.zip

22.10 win.mp3

22. Sounds.mp4

09:49

Description

Make interactive animated games from scratch. This time with space bugs, lasers and asteroids!

What You'll Learn?

Learn how to animate game characters
Build a browser based game from start to finish
Explore the basics of game design
Create multiple different enemy types with different visuals and behaviours
Implement 3 weapon types and boss battles
Write JavaScript code from scratch with no frameworks and no libraries

Who is this for?

Beginner JavaScript developers, who already know the basics and are ready to start with more complex, fun projects

What You Need to Know?

Basic knowledge of HTML5, CSS3 and JavaScript is needed to get the maximum value, this course is not for complete beginners.

More details

Description
Old is gold. Let's get inspired by the classic games from the 80's and add our own graphics and game features. 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 - unknown alien bug, use everything we learned to implement your own unique enemy type
and more ...

Have fun!
Who this course is for:
Beginner JavaScript developers, who already know the basics and are ready to start with more complex, fun projects

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, I'm Frank! I'm a front end web developer, owner of Frank's laboratory YouTube channel, that specializes in creative coding with vanilla JavaScript and HTML canvas. Let's make some art, games and visual projects and learn about HTML, CSS, JavaScript and front-end web development!In my courses I use only plain vanilla JavaScript, no frameworks and no libraries. When you have deep understanding of JavaScript the programming language, picking up any library is easy.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.