Make Pixel Art Games: Tilemaps

No video

Make Pixel Art Games: Tilemaps

Рет қаралды 11,038

Күн бұрын

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

Пікірлер: 79

@Frankslaboratory 3 ай бұрын

What's your favourite pixel art game?

@mrchibi7879 3 ай бұрын

the sims bustin out for GBA my favorite childhood game and urbz in the city GBA.

@josefmutl4191 3 ай бұрын

Ugh!

@jesusbecerra3345 3 ай бұрын

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.

@markuszeller_official 3 ай бұрын

Xenon megablast and Shadow of the Beast

@Frankslaboratory 3 ай бұрын

@@mrchibi7879 There is pixel art Sims. Never knew, thanks :D

@LambChomp 3 ай бұрын

Now that I have the basics down, I'm ready to remake dark souls in javascript.

@Frankslaboratory 3 ай бұрын

It's been a while since I played a new soulslike. Looking forward to the LambChomp version

@jesusbecerra3345 3 ай бұрын

The pixel art series is going to be amazing Frank, thanks for taking the time to teach us about this.

@Frankslaboratory 3 ай бұрын

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

@Frankslaboratory 3 ай бұрын

I linked some alternative sources of free tile maps you can use, if you know more I will add them to the list

@brandonjacksoon 3 ай бұрын

Pixel art is awesome! Glad that you published video on this topic, Frank!

@Frankslaboratory 3 ай бұрын

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

@franzgriffle6063 2 ай бұрын

Excellent, works perfectly.

@Frankslaboratory 2 ай бұрын

Thanks for letting me know. Nice to meet you Franz

@brandonjacksoon 3 ай бұрын

Thank you, Frank! Thank you for your hard work!

@Frankslaboratory 3 ай бұрын

I'm here to help :D

@Compiler.Visuals 3 ай бұрын

Very interesting and clear headed teaching!

@Frankslaboratory 3 ай бұрын

Very kind feedback, thank you

@altaraya 3 ай бұрын

Excellent! I also checked it in Udemy. Frank we should have a video on best practices to package , minimize, protect and deploy js code

@timothyshoup5044 3 ай бұрын

Great video as always! I always learn so much from these.

@Frankslaboratory 3 ай бұрын

Hi Timothy. Glad you found some value

@Nodsaibot 3 ай бұрын

for collisions you can use another array and have it always represent a tile for example walls always are collitable

@Frankslaboratory 3 ай бұрын

Good point, I will do that later in the series

@danielchaves6265 3 ай бұрын

I still have difficulties with this, thanks for the teachings! 😊😊

@Frankslaboratory 3 ай бұрын

I hope my explanations help, it can be a challenge at first yea

@aswathyraj1414 Ай бұрын

Greate tutorial as always

@viccrts 3 ай бұрын

Amazing

@Frankslaboratory 3 ай бұрын

Hi Victor, thank you

@ryujinminatozaki651 3 ай бұрын

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

@Frankslaboratory 3 ай бұрын

Hi Ryujin, very kind to say, thank you. I love pixel art as well :D

@karlkoch3345 3 ай бұрын

Another great video!

@josephcieplak8920 3 ай бұрын

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!!

@Frankslaboratory 3 ай бұрын

Hi Joseph. Nice work. Are you using a library for the camera or did you write the logic yourself?

@josephcieplak8920 3 ай бұрын

@@Frankslaboratory I wrote the logic myself, no library or whatsoever.

@Frankslaboratory 3 ай бұрын

@@josephcieplak8920 Awesome

@chrizzzly_hh 3 ай бұрын

Next one: using wave function collapse with tiles to create generative maps

@Frankslaboratory 3 ай бұрын

That would be interesting to explore

@benstuijts5620 3 ай бұрын

Do you take this challange Frank? I'm really hope so

@raptyk 2 ай бұрын

@frankslabiratory Are you planning to prepare a video in which you will discuss isometric tilemaps?

@javifontalva7752 3 ай бұрын

Terrific!! Thank youuuuuuu!

@Frankslaboratory 3 ай бұрын

Thanks Javi

@M4rt1nX 3 ай бұрын

Weee, thanks a lot Frank!!!!!

@Frankslaboratory 3 ай бұрын

Happy to help :)

@mr.fabian8471 3 ай бұрын

Thanks

@Frankslaboratory 3 ай бұрын

Welcome

@Atenvardo 3 ай бұрын

Awesome as always! @FranksLab - What would be the best place for a complete beginner to start, from your KZfaq videos or which of your Udemy courses?

@tarcisiooliveira8810 3 ай бұрын

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?

@user-hr1db4mo8f 3 ай бұрын

Nice 🔥🔥

@Frankslaboratory 3 ай бұрын

Thanks 🔥

@akashvanionwards912 3 ай бұрын

Hey Frank I have a question, can we make circle collision detection through (distance between their center points

@Frankslaboratory 3 ай бұрын

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.

@markuszeller_official 3 ай бұрын

Coming up next: Wave function collapse level generator

@Frankslaboratory 3 ай бұрын

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

@markuszeller_official 3 ай бұрын

@@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.

@Frankslaboratory 3 ай бұрын

@@markuszeller_official Yea, I think we agree on that, I'm looking into it

@markuszeller_official 3 ай бұрын

I bet you will love it.

@benstuijts5620 3 ай бұрын

This would be great! We need this 😊

@akashvanionwards912 3 ай бұрын

How can we add collision detection for every tile. ?(I only know the basic rule you have given)

@Frankslaboratory 3 ай бұрын

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