Learn Game Development with JavaScript

Focused View

Frank Dvorak

2:53:10

4 View

1. HTML & CSS setup.mp4

01:36

2. Basic JavaScript setup.mp4

02:17

3. Object Oriented Programming with JavaScript.mp4

02:26

4. Creating Player & Game objects.mp4

05:53

5. Animation loop.mp4

03:17

6. Keyboard inputs.mp4

09:39

7. Creating projectiles.mp4

07:06

8. Periodic events.mp4

05:08

9. Draw game UI.mp4

02:49

10. Base enemy class.mp4

07:58

11. Collision detection between rectangles.mp4

05:17

12. Drawing game score.mp4

03:14

13. Win and lose condition.mp4

02:02

14. Counting game time.mp4

03:14

15.1 layer1.zip

15.2 layer2.zip

15.3 layer3.zip

15.4 layer4.zip

15. Animated parallax backgrounds.mp4

10:13

16.1 player.zip

16. Sprite animation with JavaScript.mp4

03:42

17. Creating a debug mode.mp4

01:36

18.1 angler1.zip

18. Animating enemy sprite sheets.mp4

06:37

19.1 angler2.zip

19. Night Angler enemy class.mp4

02:23

20.1 lucky.zip

20. Lucky Fish enemy class.mp4

01:21

21. Collecting power ups.mp4

07:48

22.1 projectile.zip

22. Drawing projectiles as images.mp4

01:11

23. Custom fonts and game text.mp4

02:41

24. Cleaning up.mp4

02:08

25.1 gears.zip

25. Particle effects and physics.mp4

12:12

26. Particle rotation.mp4

03:43

27. Tweaks and fixes.mp4

02:59

28.1 hivewhale.zip

28. Hive Whale enemy class.mp4

02:59

29.1 drone.zip

29. Drone enemy class.mp4

04:43

30.1 smokeexplosion.zip

30. Dust effect animation.mp4

15:06

31.1 fireexplosion.zip

31. Fire effect animation.mp4

01:28

32. Tuning game difficulty.mp4

03:22

33.1 bulbwhale.zip

33. Bulb Whale enemy class.mp4

01:57

34.1 moonfish.zip

34. Moon Fish enemy type.mp4

02:40

35.1 explosion.wav

35.2 hit.wav

35.3 powerdown.wav

35.4 powerup.wav

35.5 shield.wav

35.6 shot.wav

35. Sounds.mp4

06:41

36.1 shield.zip

36. Animated shield.mp4

07:34

37.1 fireball.zip

37. Animated projectiles.mp4

04:09

38.1 razorfin.zip

38.2 stalker.zip

38. Whats next.mp4

02:01

Description

Make your own animated 2D games

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

Who is this for?

Beginner front end web developers curious about animation and 2D games

Coding students

What You Need to Know?

Basic knowledge of HTML, CSS & JavaScript is needed to follow this course

Access to code editor and internet browser

More details

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 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. )
Who this course is for:
Beginner front end web developers curious about animation and 2D games
Coding students

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.