Learn to make 2D games with HTML, CSS & plain vanilla JavaScript, no frameworks and no libraries! From sprite animation to state management, in this series of projects you will learn everything you need to make your own 2D animated games! We will go step by step explaining each technique on a small standalone codebase and then we will use everything we learned to make a single final game.
✏️ Course by Frank’s Laboratory.
⭐️ Assets ⭐️
🕹 Project 1: Vanilla JavaScript sprite animation techniques
🕹 Project 2: Parallax backgrounds with JavaScript
Layers Zip:
🕹 Project 3: Enemy movement patterns
Enemies Zip:
🕹 Project 4: Collision animations from a sprite sheet
🕹 Project 5: Point & shoot game
raven:
dust cloud:
🕹 Project 6: Enemy variety in JavaScript games
worm:
ghost:
spider:
🕹 Project 7: Side-scroller game with mobile support
Player:
Background:
Enemy:
🕹 Project 8: State management in JavaScript games
🕹 Project 9: Final endless runner game with all the features
Player:
🕹 City background layers:
Layer 1:
Layer 2:
Layer 3:
Layer 4:
Layer 5:
🕹 Fire texture:
🕹 Collision animation:
🕹 Lives:
🕹 Forest background layers:
Layer 1:
Layer 2:
Layer 3:
Layer 4:
Layer 5:
🕹 18 Enemies:
Big spider:
Bat 1:
Spinner:
Small spider:
Ghost 1:
Bat 2:
Raven:
Bat 3:
Ghost 2:
Fly:
Ghost 3:
Ghost 4:
Hand:
Plant:
Worm:
Walking zombie:
Ground zombie:
Digger:
🔗 More art assets:
⭐️ Contents ⭐️
0:00:00 Intro
0:01:28 Project 1: Vanilla JavaScript sprite animation techniques
0:43:07 Project 2: Parallax backgrounds
1:25:33 Project 3: Enemy movement patterns
2:13:31 Collision detection between rectangles
2:19:23 Collision detection between circles
2:24:14 Project 4: Collision animations from a sprite sheet
2:48:35 Project 5: Point & shoot game
3:50:44 Project 6: Enemy variety
4:45:49 Project 7: Side-scroller game with mobile support
5:54:04 Project 8: State management
7:02:57 Project 9: Final endless runner game with all the features
102 views
0
0
3 weeks ago 00:01:32 7
Анекдот про кроссворды
4 weeks ago 00:25:50 13
[Дюжев Алексей. с 0 в IT. ] Очевидные и не очень применения ChatGPT для разработчиков.
4 weeks ago 00:51:04 1
Fast and Furious Game Development with JavaScript and AI 20
4 weeks ago 01:07:10 1
Fast and Furious Game Development with JavaScript and AI 19
4 weeks ago 00:59:16 1
Fast and Furious Game Development with JavaScript and AI 18
4 weeks ago 01:02:58 1
Fast and Furious Game Development with JavaScript and AI 17
4 weeks ago 01:02:20 1
Fast and Furious Game Development with JavaScript and AI 16
4 weeks ago 00:01:34 4
Make money every 60 seconds javascript 🚫 You work hard you make money whatsapp status ❕
1 month ago 00:55:08 3
Fast and Furious Game Development with JavaScript and AI 15
1 month ago 00:58:47 3
Fast and Furious Game Development with JavaScript and AI 14
1 month ago 00:57:14 2
Fast and Furious Game Development with JavaScript and AI 13
1 month ago 00:51:33 4
Fast and Furious Game Development with JavaScript and AI 12
1 month ago 00:45:24 3
Fast and Furious Game Development with JavaScript and AI 11
1 month ago 00:55:46 1
Fast and Furious Game Development with JavaScript and AI 10
1 month ago 00:30:17 5
Fast and Furious Game Development with JavaScript and AI 09
1 month ago 00:54:00 6
Fast and Furious Game Development with JavaScript and AI 08
1 month ago 00:54:39 1
Fast and Furious Game Development with JavaScript and AI 07
1 month ago 00:57:28 7
Fast and Furious Game Development with JavaScript and AI 06
1 month ago 00:59:52 6
Fast and Furious Game Development with JavaScript and AI 05
1 month ago 00:40:56 7
Is AI going to ruin gaming? (A developer perspective)
1 month ago 00:45:41 1
Fast and Furious Game Development with JavaScript and AI 04
1 month ago 01:06:34 1
Fast and Furious Game Development with JavaScript and AI 03
1 month ago 00:52:02 1
Fast and Furious Game Development with JavaScript and AI 02
1 month ago 00:35:21 1
Fast and Furious Game Development with JavaScript and AI 01