Pixel Art Game Development: 2D Camera

Do you want to build pixel art games that extend beyond a single screen for your players to discover and explore? Then you need to understand how to implement 2D camera into your projects. It might be easier than you think. This class is for beginners, basic understanding of programming principles is recommended to get the maximum value.

Check out these awesome pixel art games that utilize the same techniques we are learning about today:
Super Zoo Story    • Super Zoo Story (Stardew Valley-Like)...  
Bloomtown: A Different Story    • Bloomtown: A Different Story - Offici...  
World of Anterra    • World of Anterra Trailer 1  
Drakantos    • Drakantos | Official Gameplay Trailer  
Emberbane    • Emberbane - Kickstarter Launch Trailer  

Tilemaps for beginners:
   • Make Pixel Art Games: Tilemaps  

🍄 Download Project Art assets 🍄
Full map: https://www.frankslaboratory.co.uk/do...
Tile map: https://www.frankslaboratory.co.uk/do...

If you fully understand this technique, try to take it to the next level using these EPIC free art assets:
https://free-game-assets.itch.io/free...
https://free-game-assets.itch.io/free...

Today we will learn:
How to implement 2D camera
How to create game world using 2 layers of tiles (ground layer + vegetation layer)
How to connect camera and tile map to dynamically draw only tiles that are inside the visible camera view

🎨 Toolkit 🎨
Vanilla JavaScript for everything as always, no frameworks and no libraries. Visual Studio Code editor + Live server extension recommended.

00:00 Scrolling through expansive game worlds
00:40 How to implement 2D camera
26:20 2D Multi-Layer tilemap design
40:38 Dynamic auto tiling

If you want to SUPPORT me you can use the links below and get some one my EXTENDED classes! :)
https://www.udemy.com/course/build-an...
https://www.udemy.com/course/learn-ga...
https://www.udemy.com/course/remake-r...

https://www.udemy.com/course/learn-cr...
https://www.udemy.com/course/creative...
https://www.udemy.com/course/learn-ht...
https://www.udemy.com/course/learn-ht...

Get Skillshare FREE for 1 month:
https://www.skillshare.com/en/r/profi...

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