Make Pixel Art Games: Tilemaps
HTML-код
- Опубликовано: 12 сен 2024
- If you want to evoke nostalgia and spark imagination PIXEL ART is the right art style for your next game project. Many pixel art games are made using tile maps, today we learn how to use them to create map layouts for your game worlds.
🍄 Download Project Art assets 🍄
Tile map: www.frankslabo...
Watch next:
2D multi-layer tilemap design + dynamic auto tiling based on camera position • Pixel Art Game Develop...
🎨 Toolkit 🎨
I’m using vanilla JavaScript for everything as always, no frameworks and no libraries, so it’s also very easy to convert this codebase into any other programming language if you want to do that. This class is for beginners, a basic knowledge of programming principles is recommended to get the maximum value
Alternative tile map sources (do you know any other, let me know)
opengameart.or...
cypor.itch.io/...
seliel-the-sha...
opengameart.or...
opengameart.or...
Do you know any other talented Pixel art creators? Leave a comment.
/ probertson
www.artstation...
/ dragumagu
If you want to SUPPORT me you can use the links below and get some one my EXTENDED classes! :)
www.udemy.com/...
www.udemy.com/...
www.udemy.com/...
www.udemy.com/...
www.udemy.com/...
www.udemy.com/...
www.udemy.com/...
Get Skillshare FREE for 1 month:
www.skillshare...
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
What's your favourite pixel art game?
the sims bustin out for GBA my favorite childhood game and urbz in the city GBA.
Ugh!
Mine will forever be Chrono Trigger, favorite game of all time. Sea of stars was nice to have something similar in more modern times, but I really wish something could come close to the Chrono Trigger experience.
Xenon megablast and Shadow of the Beast
@@mrchibi7879 There is pixel art Sims. Never knew, thanks :D
The pixel art series is going to be amazing Frank, thanks for taking the time to teach us about this.
Hi Jesus, thanks, I'm having a lot of fun making pixel art games now, still choosing which one will be the final project of this series
I linked some alternative sources of free tile maps you can use, if you know more I will add them to the list
Now that I have the basics down, I'm ready to remake dark souls in javascript.
It's been a while since I played a new soulslike. Looking forward to the LambChomp version
Pixel art is awesome! Glad that you published video on this topic, Frank!
Hi Brandon, thank you. I recorder more videos on this topic, now just have to edit them. Pixel art and retro games are ideal for learning game dev principles
Excellent, works perfectly.
Thanks for letting me know. Nice to meet you Franz
Excellent! I also checked it in Udemy. Frank we should have a video on best practices to package , minimize, protect and deploy js code
Great video as always! I always learn so much from these.
Hi Timothy. Glad you found some value
I still have difficulties with this, thanks for the teachings! 😊😊
I hope my explanations help, it can be a challenge at first yea
@frankslabiratory Are you planning to prepare a video in which you will discuss isometric tilemaps?
Thank you, Frank! Thank you for your hard work!
I'm here to help :D
Your so cool man i wish i have the talent and skills and hardwork like you, anyways thank you for this i really love pixel art designs for games
Hi Ryujin, very kind to say, thank you. I love pixel art as well :D
Greate tutorial as always
Awesome!! I'm building a pokemon like style game on canvas I already got the city I use a camera system too. now it's time to put it to work. you're awesome!!
Hi Joseph. Nice work. Are you using a library for the camera or did you write the logic yourself?
@@Frankslaboratory I wrote the logic myself, no library or whatsoever.
@@josephcieplak8920 Awesome
Very interesting and clear headed teaching!
Very kind feedback, thank you
for collisions you can use another array and have it always represent a tile for example walls always are collitable
Good point, I will do that later in the series
Awesome as always! @FranksLab - What would be the best place for a complete beginner to start, from your RUclips videos or which of your Udemy courses?
Congratulations, I'm Brazilian, I really like your work, sorry for the bad English, I'm still learning, I would like to know if there is any way to prevent players from cheating, and is it very easy to modify values in browser games?
Next one: using wave function collapse with tiles to create generative maps
That would be interesting to explore
Do you take this challange Frank? I'm really hope so
Another great video!
Amazing
Hi Victor, thank you
Hey Frank I have a question, can we make circle collision detection through (distance between their center points
Hi, yes, that's one of the best ways to detect collisions. If I was making this pixel art game into something like Vampire survivors I would probably use circle collision detection. If all characters stick to a grid then grid based collision would be the simplest and the most effective option.
Terrific!! Thank youuuuuuu!
Thanks Javi
Weee, thanks a lot Frank!!!!!
Happy to help :)
Thanks
Welcome
How can we add collision detection for every tile. ?(I only know the basic rule you have given)
You can do something very similar I just did with this video but for a collision map. Too much for a comment to explain. I will get to that in this series
Nice 🔥🔥
Thanks 🔥
Coming up next: Wave function collapse level generator
I need to check how people do that, I think that last time I checked I thought it was quite complex to implement for a beginner friendly tutorial
@@Frankslaboratory The idea is very simple, but the realization is quite complex. I think it is hard to make a beginner friendly coding video for that. But the concepts fits perfectly.
@@markuszeller_official Yea, I think we agree on that, I'm looking into it
I bet you will love it.
This would be great! We need this 😊
chévere
🖖
You are the best you are amazing
Plz can you make ninja turtles game by js
I would love to do a classic arcade Beat 'em up like that Ninja Turtles game I show here
@@Frankslaboratorythanks ❤
Frank is not from planet Earth.
Too weird? People say that about me sometimes :D
@@Frankslaboratory hey frank i am having trouble while making my game could u please just help me? please
i hope you remember me from old videos ;)