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) - 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
Auf dieser Seite können Sie das Online-Video Pixel Art Game Development: 2D Camera mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Franks laboratory 24 Mai 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 31,723 Mal angesehen und es wurde von 1.3 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
