Uploaded December 2024 | Updated September 2026, 1 week ago
More game tutorials on my Unity channel: youtube.com/@CodeLaboratory
Become a Unity developer in 2025 and learn everything you need to build epic 2D games from start to finish!
In this comprehensive tutorial, we will go step-by-step through the process of creating a fully functional 2D game in Unity, covering all the essential concepts, tools, and techniques you need to know. Whether you're a complete beginner or looking to sharpen your skills, this video is designed to help you build your first game from the ground up!
00:03:05 Modular game worlds with tilemaps
00:18:32 Creating pixel art sprites from scratch
00:22:09 How exactly do spritesheets work
00:33:00 Write simple C# scripts
00:45:56 Implement 2D follow camera
00:48:58 Define 4 directional animations with blend trees
01:01:53 Set level boundaries
01:05:55 Create a simple flying enemy
01:10:44 Implement 2D sprite sorting
01:13:12 Control game objects using components
01:24:29 Animate enemy sprite sheets
01:30:50 Define collider interactions
01:35:25 Create animated effects with sprites
01:46:19 Make infinite enemy spawner
01:50:39 Set up another enemy
01:56:07 Create even more enemy types
02:01:47 Enemy wave system
02:13:58 Dynamic spawn areas
02:24:08 Big bad boss
*** What else to learn?
Learn To Create A Vampire Survivors Style Game in Unity & C#
bit.ly/4gh4oFK
Unity 2D Game - Kawaii Survivor - The Coolest Roguelike Ever
bit.ly/41YBbvd
Playable DEMO: play.unity.com/en/games/02ffc327-abd7-494c-8c65-02b1a016e46d/pixel-survivors
Today we will learn how design and animate characters, create engaging gameplay mechanics, implement collision detection, and build interactive environments—all while working in Unity's powerful 2D game engine. We’ll also cover important topics like scripting in C#, creating smooth animations, managing game assets, and optimizing your game for the best performance.
By the end of this tutorial, you’ll have a complete 2D game ready to play and the skills to continue building and expanding your own projects. Join us in 2025 and take your first step toward becoming a skilled Unity developer!
Project resources:
Environment tilemap: opengameart.org/content/lpc-terrain-repack
Player sprite sheet generator: sanderfrenken.github.io/Universal-LPC-Spritesheet-Character-Generator/#?body=Body_color_light&head=Human_male_light&bandana=none&vest=Vest_navy&clothes=Longsleeve_white&legs=Pants_teal&shoes=Shoes_red&backpack_straps=Straps_blue&backpack=Square_pack_blue&sex=male&shadow=Shadow_shadow&hair=Halfmessy_dark_brown&headcover=Thick_Headband_red
My player: frankslaboratory.co.uk/downloads/144/player.png
Enemy 1:
spriters-resource.com/custom_edited/pokemoncustoms
spriters-resource.com/submitter/JoshR691
spriters-resource.com/custom_edited/pokemoncustoms/sheet/45561
Edited file: frankslaboratory.co.uk/downloads/144/monster1.png
Shadow: frankslaboratory.co.uk/downloads/144/shadow.png
Pixel art effects: nyknck.itch.io/fx062
Enemy 2:
spriters-resource.com/custom_edited/pokemongeneration1customs/sheet/19605
Edited file: frankslaboratory.co.uk/downloads/144/monster2.png
Enemy 3:
spriters-resource.com/custom_edited/pokemongeneration1customs/sheet/58792
Edited file: frankslaboratory.co.uk/downloads/144/monster3.png
Boss:
spriters-resource.com/custom_edited/pokemoncustoms/sheet/29809
Edited file: frankslaboratory.co.uk/downloads/144/boss1.png
🔔 Don't forget to like, comment, and subscribe for more tutorials on game development, Unity tips, and more!
The description of this video may contain affiliate links, which means that if you buy one of the products that I recommend, I'll receive a small commission without any additional cost for you. This helps to support the channel and allows me to continue making videos like this. Thank you for the support!
#frankslaboratory
More game tutorials on my Unity channel: youtube.com/@CodeLaboratory
Become a Unity developer in 2025 and learn everything you need to build epic 2D games from start to finish!
In this comprehensive tutorial, we will go step-by-step through the process of creating a fully functional 2D game in Unity, covering all the essential concepts, tools, and techniques you need to know. Whether you're a complete beginner or looking to sharpen your skills, this video is designed to help you build your first game from the ground up!
00:03:05 Modular game worlds with tilemaps
00:18:32 Creating pixel art sprites from scratch
00:22:09 How exactly do spritesheets work
00:33:00 Write simple C# scripts
00:45:56 Implement 2D follow camera
00:48:58 Define 4 directional animations with blend trees
01:01:53 Set level boundaries
01:05:55 Create a simple flying enemy
01:10:44 Implement 2D sprite sorting
01:13:12 Control game objects using components
01:24:29 Animate enemy sprite sheets
01:30:50 Define collider interactions
01:35:25 Create animated effects with sprites
01:46:19 Make infinite enemy spawner
01:50:39 Set up another enemy
01:56:07 Create even more enemy types
02:01:47 Enemy wave system
02:13:58 Dynamic spawn areas
02:24:08 Big bad boss
*** What else to learn?
Learn To Create A Vampire Survivors Style Game in Unity & C#
bit.ly/4gh4oFK
Unity 2D Game - Kawaii Survivor - The Coolest Roguelike Ever
bit.ly/41YBbvd
Playable DEMO: play.unity.com/en/games/02ffc327-abd7-494c-8c65-02b1a016e46d/pixel-survivors
Today we will learn how design and animate characters, create engaging gameplay mechanics, implement collision detection, and build interactive environments—all while working in Unity's powerful 2D game engine. We’ll also cover important topics like scripting in C#, creating smooth animations, managing game assets, and optimizing your game for the best performance.
By the end of this tutorial, you’ll have a complete 2D game ready to play and the skills to continue building and expanding your own projects. Join us in 2025 and take your first step toward becoming a skilled Unity developer!
Project resources:
Environment tilemap: opengameart.org/content/lpc-terrain-repack
Player sprite sheet generator: sanderfrenken.github.io/Universal-LPC-Spritesheet-Character-Generator/#?body=Body_color_light&head=Human_male_light&bandana=none&vest=Vest_navy&clothes=Longsleeve_white&legs=Pants_teal&shoes=Shoes_red&backpack_straps=Straps_blue&backpack=Square_pack_blue&sex=male&shadow=Shadow_shadow&hair=Halfmessy_dark_brown&headcover=Thick_Headband_red
My player: frankslaboratory.co.uk/downloads/144/player.png
Enemy 1:
spriters-resource.com/custom_edited/pokemoncustoms
spriters-resource.com/submitter/JoshR691
spriters-resource.com/custom_edited/pokemoncustoms/sheet/45561
Edited file: frankslaboratory.co.uk/downloads/144/monster1.png
Shadow: frankslaboratory.co.uk/downloads/144/shadow.png
Pixel art effects: nyknck.itch.io/fx062
Enemy 2:
spriters-resource.com/custom_edited/pokemongeneration1customs/sheet/19605
Edited file: frankslaboratory.co.uk/downloads/144/monster2.png
Enemy 3:
spriters-resource.com/custom_edited/pokemongeneration1customs/sheet/58792
Edited file: frankslaboratory.co.uk/downloads/144/monster3.png
Boss:
spriters-resource.com/custom_edited/pokemoncustoms/sheet/29809
Edited file: frankslaboratory.co.uk/downloads/144/boss1.png
🔔 Don't forget to like, comment, and subscribe for more tutorials on game development, Unity tips, and more!
The description of this video may contain affiliate links, which means that if you buy one of the products that I recommend, I'll receive a small commission without any additional cost for you. This helps to support the channel and allows me to continue making videos like this. Thank you for the support!
#frankslaboratory


![Particles JS Effect with Pure Vanilla JavaScript | Animated Background Tutorial with Examples
#javascript #html5canvas #frankslaboratory
Particles JS background animation effect tutorial with no libraries, coded completely from scratch with pure vanilla JavaScript and HTML5 canvas (with many examples).
Welcome to the third part of my JavaScript animation tutorial series. In this guide we will create animated interactive background particle effects you can use for your website with HTML canvas element and vanilla JavaScript. No frameworks or libraries, just pure object oriented JavaScript principles to demonstrate how amazing and flexible JavaScript is for web design and front end web development | Particles JS Effect with Pure Vanilla JavaScript | Particle Background with examples | HTML Canvas
*** Particles JS Effect with Pure Vanilla JavaScript | Animated Background Tutorial with Examples ***
You can use this effect to design your website or to practice advanced JavaScript techniques even a beginner can learn. Pure vanilla JavaScript HTML web design tutorial. No libraries included.
More JavaScript tutorials, interactive web animations, animated effects, front end web development guides, interactive examples and CSS tricks coming soon!
Like & Subscribe please ! :]
Part 1 - https://www.youtube.com/watch?v=hotMX-pqjkQ
Part 2 - https://www.youtube.com/watch?v=hF-QBhDG-wE
Pure CSS ripple effect tutorial:
https://www.youtube.com/watch?v=64NUjdMjEyw
If you liked this video Im sure you will enjoy other videos on my channel. You can find HTML Canvas Animation Tutorials, JavaScript tutorials, animated effects and step by step animation guides, each video shows many examples of the final effect. I will help you learn modern web development techniques by building real projects you can show off on your personal website or GitHub. Code along with me and gain skills to get your first job in the industry. If I could do it you can do it too. If you decide to code along and modify the effects, share your Codepen/JS Fiddle in the comments, I want to see what you came up with.
I have pure vanilla JavaScript animation series, in each tutorial we create all different kinds of interactive animated effects from scratch. No plugins, no libraries, no frameworks. Every line of code is explained to give you hands on experience and teach you as much JavaScript as possible. If you want more creative JavaScript tutorials, HTML canvas animations, interactive animated effects, code alongs, video guides for beginners as well as advanced pure vanilla JavaScript, check out the previous episodes here:
Part 1 - HTML Canvas & Vanilla JavaScript Animation Series 1 - Floating Particles Effect
https://www.youtube.com/watch?v=hotMX-pqjkQ
Part 2 - HTML Canvas & Vanilla JavaScript Animation Series 2 - Animated Clouds Effect
https://www.youtube.com/watch?v=hF-QBhDG-wE
Part 3 - Particles JS Effect with Pure Vanilla JavaScript | Animated Background Tutorial with Examples
https://youtu.be/d620nV6bp0A
Part 4 - Spinning Stars in Vanilla JS & HTML Canvas Animated Backgrounds Coding Tutorial
https://youtu.be/suBgH07fjmo
Part 5 - Eye Balls Animation - JavaScript HTML5 Canvas Effect Tutorial Trigonometry & Circles With No Overlap
https://youtu.be/52rKp7P3gIs
For more creative vanilla JavaScript tutorials, CSS tricks, HTML canvas animations, front end web development and web design guides, subscribe to the channel and click the bell icon to get notified when I release a new video.
My name is Frank, Im a self-taught Front End Web Developer. I learned everything I know in my free time and I used the knowledge to get a great job in web development industry. The part I enjoy the most is building creative animations and interactive effects for the web using HTML, CSS and JavaScript. Thank you for watching my video.
If you want to improve your Front End Web Developmnent skills, check out my CSS tutorial series where we explore animations and effects that can be done with modern CSS3 techniques:
https://www.youtube.com/watch?v=loKyT99W2s8&list=PLYElE_rzEw_t2O2DvfopIoq-diTgefVzV
Particles JS Effect with Pure Vanilla JavaScript | Animated Background Tutorial with Examples
Music:
Business / Corporate by Mixaund | https://mixaund.bandcamp.com
Music promoted by https://www.free-stock-music.com Particles JS Effect with Pure Vanilla JavaScript | Animated Background Tutorial with Examples](https://i.ytimg.com/vi/d620nV6bp0A/mqdefault.jpg)







