Click on a point in the video to add a tag
-
Intro00:00
-
HTML & CSS setup01:07
-
Basic JavaScript setup02:40
-
Object Oriented programming with JavaScript04:59
-
Creating Player and Game objects07:25
-
Animation loop13:18
-
Keyboard inputs16:36
-
Creating projectiles26:15
-
Periodic events33:22
-
Drawing game UI38:30
-
Base enemy class41:20
-
Collision detection between rectangles49:19
-
Drawing game score54:36
-
Win and lose condition57:49
-
Counting game time59:52
-
Animated parallax backgrounds01:03:07
-
Sprite animation with JavaScript01:13:20
-
Creating a debug mode01:17:02
-
Animating enemy sprite sheets01:18:38
-
Night Angler enemy class01:25:15
-
Lucky Fish enemy class01:27:39
-
Collecting power ups01:29:02
-
Just an FYI at you need a double equal sign for01:32:44
-
Drawing projectiles as images01:36:51
-
Custom fonts and game text01:38:01
-
Cleaning up01:40:43
-
Particle effects and physics01:42:51
-
Particle rotation01:55:03
-
Tweaks and fixes01:58:47
-
Hive Whale enemy class02:01:46
-
Drone enemy class02:04:46
-
Dust effect animation02:09:30
-
Fire effect animation02:24:36
-
Tuning game difficulty02:26:03
-
What to do next?02:29:26
4/35
- Intro
- HTML & CSS setup
- Basic JavaScript setup
- Object Oriented programming with JavaScript
- Creating Player and Game objects
- Animation loop
- Keyboard inputs
- Creating projectiles
- Periodic events
- Drawing game UI
- Base enemy class
- Collision detection between rectangles
- Drawing game score
- Win and lose condition
- Counting game time
- Animated parallax backgrounds
- Sprite animation with JavaScript
- Creating a debug mode
- Animating enemy sprite sheets
- Night Angler enemy class
- Lucky Fish enemy class
- Collecting power ups
- Just an FYI at you need a double equal sign for
- Drawing projectiles as images
- Custom fonts and game text
- Cleaning up
- Particle effects and physics
- Particle rotation
- Tweaks and fixes
- Hive Whale enemy class
- Drone enemy class
- Dust effect animation
- Fire effect animation
- Tuning game difficulty
- What to do next?