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
103 views
0
0
2 months ago 00:01:32 7
Анекдот про кроссворды
2 months ago 00:25:50 13
[Дюжев Алексей. с 0 в IT. ] Очевидные и не очень применения ChatGPT для разработчиков.
2 months ago 00:51:04 1
Fast and Furious Game Development with JavaScript and AI 20
2 months ago 01:07:10 1
Fast and Furious Game Development with JavaScript and AI 19
2 months ago 00:59:16 1
Fast and Furious Game Development with JavaScript and AI 18
2 months ago 01:02:58 1
Fast and Furious Game Development with JavaScript and AI 17
2 months ago 01:02:20 1
Fast and Furious Game Development with JavaScript and AI 16
2 months ago 00:01:34 4
Make money every 60 seconds javascript 🚫 You work hard you make money whatsapp status ❕
2 months ago 00:55:08 3
Fast and Furious Game Development with JavaScript and AI 15
2 months ago 00:58:47 3
Fast and Furious Game Development with JavaScript and AI 14
2 months ago 00:57:14 2
Fast and Furious Game Development with JavaScript and AI 13
2 months ago 00:51:33 4
Fast and Furious Game Development with JavaScript and AI 12
2 months ago 00:45:24 3
Fast and Furious Game Development with JavaScript and AI 11
2 months ago 00:55:46 1
Fast and Furious Game Development with JavaScript and AI 10
2 months ago 00:30:17 5
Fast and Furious Game Development with JavaScript and AI 09
2 months ago 00:54:00 6
Fast and Furious Game Development with JavaScript and AI 08
2 months ago 00:54:39 1
Fast and Furious Game Development with JavaScript and AI 07
2 months ago 00:57:28 7
Fast and Furious Game Development with JavaScript and AI 06
2 months ago 00:59:52 6
Fast and Furious Game Development with JavaScript and AI 05
2 months ago 00:40:56 7
Is AI going to ruin gaming? (A developer perspective)
2 months ago 00:45:41 1
Fast and Furious Game Development with JavaScript and AI 04
2 months ago 01:06:34 1
Fast and Furious Game Development with JavaScript and AI 03
2 months ago 00:52:02 1
Fast and Furious Game Development with JavaScript and AI 02
2 months ago 00:35:21 1
Fast and Furious Game Development with JavaScript and AI 01