Pixel Art Game Development: 2D Camera

Publicado em: 24 Maio 2024
no canal de: Franks laboratory
31,723
1.3k

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) - Of...  
Bloomtown: A Different Story    • Bloomtown: A Different Story - Official Re...  
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


Nesta página do site você pode assistir ao vídeo on-line Pixel Art Game Development: 2D Camera duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Franks laboratory 24 Maio 2024, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 31,723 vezes e gostou 1.3 mil espectadores. Boa visualização!