Тёмный

Make Pixel Art Games: Tilemaps 

Franks laboratory
Подписаться 82 тыс.
Просмотров 10 тыс.
50% 1

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.frankslaboratory.co.uk/do...
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.org/content/groun...
cypor.itch.io/12x12-rpg-tileset
seliel-the-shaper.itch.io/win...
opengameart.org/content/slate...
opengameart.org/content/whisp...
Do you know any other talented Pixel art creators? Leave a comment.
/ probertson
www.artstation.com/dragumagu
/ dragumagu
If you want to SUPPORT me you can use the links below and get some one my EXTENDED classes! :)
www.udemy.com/course/build-an...
www.udemy.com/course/learn-ga...
www.udemy.com/course/remake-r...
www.udemy.com/course/learn-cr...
www.udemy.com/course/creative...
www.udemy.com/course/learn-ht...
www.udemy.com/course/learn-ht...
Get Skillshare FREE for 1 month:
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

Опубликовано:

 

5 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 79   
@Frankslaboratory
@Frankslaboratory 2 месяца назад
What's your favourite pixel art game?
@mrchibi7879
@mrchibi7879 2 месяца назад
the sims bustin out for GBA my favorite childhood game and urbz in the city GBA.
@josefmutl4191
@josefmutl4191 2 месяца назад
Ugh!
@jesusbecerra3345
@jesusbecerra3345 2 месяца назад
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
@markuszeller_official 2 месяца назад
Xenon megablast and Shadow of the Beast
@Frankslaboratory
@Frankslaboratory 2 месяца назад
@@mrchibi7879 There is pixel art Sims. Never knew, thanks :D
@LambChomp
@LambChomp 2 месяца назад
Now that I have the basics down, I'm ready to remake dark souls in javascript.
@Frankslaboratory
@Frankslaboratory 2 месяца назад
It's been a while since I played a new soulslike. Looking forward to the LambChomp version
@jesusbecerra3345
@jesusbecerra3345 2 месяца назад
The pixel art series is going to be amazing Frank, thanks for taking the time to teach us about this.
@Frankslaboratory
@Frankslaboratory 2 месяца назад
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
@Frankslaboratory 2 месяца назад
I linked some alternative sources of free tile maps you can use, if you know more I will add them to the list
@brandonjacksoon
@brandonjacksoon 2 месяца назад
Pixel art is awesome! Glad that you published video on this topic, Frank!
@Frankslaboratory
@Frankslaboratory 2 месяца назад
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
@franzgriffle6063 Месяц назад
Excellent, works perfectly.
@Frankslaboratory
@Frankslaboratory Месяц назад
Thanks for letting me know. Nice to meet you Franz
@brandonjacksoon
@brandonjacksoon 2 месяца назад
Thank you, Frank! Thank you for your hard work!
@Frankslaboratory
@Frankslaboratory 2 месяца назад
I'm here to help :D
@timothyshoup5044
@timothyshoup5044 2 месяца назад
Great video as always! I always learn so much from these.
@Frankslaboratory
@Frankslaboratory 2 месяца назад
Hi Timothy. Glad you found some value
@karlkoch3345
@karlkoch3345 2 месяца назад
Another great video!
@Compiler.Visuals
@Compiler.Visuals 2 месяца назад
Very interesting and clear headed teaching!
@Frankslaboratory
@Frankslaboratory 2 месяца назад
Very kind feedback, thank you
@danielchaves6265
@danielchaves6265 2 месяца назад
I still have difficulties with this, thanks for the teachings! 😊😊
@Frankslaboratory
@Frankslaboratory 2 месяца назад
I hope my explanations help, it can be a challenge at first yea
@altaraya
@altaraya 2 месяца назад
Excellent! I also checked it in Udemy. Frank we should have a video on best practices to package , minimize, protect and deploy js code
@javifontalva7752
@javifontalva7752 2 месяца назад
Terrific!! Thank youuuuuuu!
@Frankslaboratory
@Frankslaboratory 2 месяца назад
Thanks Javi
@ryujinminatozaki651
@ryujinminatozaki651 2 месяца назад
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
@Frankslaboratory 2 месяца назад
Hi Ryujin, very kind to say, thank you. I love pixel art as well :D
@M4rt1nX
@M4rt1nX 2 месяца назад
Weee, thanks a lot Frank!!!!!
@Frankslaboratory
@Frankslaboratory 2 месяца назад
Happy to help :)
@viccrts
@viccrts 2 месяца назад
Amazing
@Frankslaboratory
@Frankslaboratory 2 месяца назад
Hi Victor, thank you
@josephcieplak8920
@josephcieplak8920 2 месяца назад
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
@Frankslaboratory 2 месяца назад
Hi Joseph. Nice work. Are you using a library for the camera or did you write the logic yourself?
@josephcieplak8920
@josephcieplak8920 2 месяца назад
@@Frankslaboratory I wrote the logic myself, no library or whatsoever.
@Frankslaboratory
@Frankslaboratory 2 месяца назад
@@josephcieplak8920 Awesome
@raptyk
@raptyk Месяц назад
@frankslabiratory Are you planning to prepare a video in which you will discuss isometric tilemaps?
@Nodsaibot
@Nodsaibot 2 месяца назад
for collisions you can use another array and have it always represent a tile for example walls always are collitable
@Frankslaboratory
@Frankslaboratory 2 месяца назад
Good point, I will do that later in the series
@aswathyraj1414
@aswathyraj1414 2 дня назад
Greate tutorial as always
@chrizzzly_hh
@chrizzzly_hh 2 месяца назад
Next one: using wave function collapse with tiles to create generative maps
@Frankslaboratory
@Frankslaboratory 2 месяца назад
That would be interesting to explore
@benstuijts5620
@benstuijts5620 2 месяца назад
Do you take this challange Frank? I'm really hope so
@user-hr1db4mo8f
@user-hr1db4mo8f 2 месяца назад
Nice 🔥🔥
@Frankslaboratory
@Frankslaboratory 2 месяца назад
Thanks 🔥
@tarcisiooliveira8810
@tarcisiooliveira8810 2 месяца назад
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?
@Atenvardo
@Atenvardo 2 месяца назад
Awesome as always! @FranksLab - What would be the best place for a complete beginner to start, from your RU-vid videos or which of your Udemy courses?
@mr.fabian8471
@mr.fabian8471 2 месяца назад
Thanks
@Frankslaboratory
@Frankslaboratory 2 месяца назад
Welcome
@akashvanionwards912
@akashvanionwards912 2 месяца назад
Hey Frank I have a question, can we make circle collision detection through (distance between their center points
@Frankslaboratory
@Frankslaboratory 2 месяца назад
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.
@akashvanionwards912
@akashvanionwards912 2 месяца назад
How can we add collision detection for every tile. ?(I only know the basic rule you have given)
@Frankslaboratory
@Frankslaboratory 2 месяца назад
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
@alvarobyrne
@alvarobyrne 2 месяца назад
chévere
@Frankslaboratory
@Frankslaboratory 2 месяца назад
🖖
@PopLll-lo9ot
@PopLll-lo9ot 2 месяца назад
You are the best you are amazing Plz can you make ninja turtles game by js
@Frankslaboratory
@Frankslaboratory 2 месяца назад
I would love to do a classic arcade Beat 'em up like that Ninja Turtles game I show here
@PopLll-lo9ot
@PopLll-lo9ot 2 месяца назад
​@@Frankslaboratorythanks ❤
@markuszeller_official
@markuszeller_official 2 месяца назад
Coming up next: Wave function collapse level generator
@Frankslaboratory
@Frankslaboratory 2 месяца назад
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
@markuszeller_official 2 месяца назад
@@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
@Frankslaboratory 2 месяца назад
@@markuszeller_official Yea, I think we agree on that, I'm looking into it
@markuszeller_official
@markuszeller_official 2 месяца назад
I bet you will love it.
@benstuijts5620
@benstuijts5620 2 месяца назад
This would be great! We need this 😊
@TheStRaX_
@TheStRaX_ 2 месяца назад
Frank is not from planet Earth.
@Frankslaboratory
@Frankslaboratory 2 месяца назад
Too weird? People say that about me sometimes :D
@TheStRaX_
@TheStRaX_ 2 месяца назад
@@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 ;)
Далее
Pixel Art Game Development: 2D Camera
46:50
Просмотров 16 тыс.
How to Make Pixel Art Tilesets
9:15
Просмотров 11 тыс.
We will see who will do it better 😂
00:14
Просмотров 3,7 млн
Why Are Open Source Alternatives So Bad?
13:06
Просмотров 553 тыс.
This Problem Changes Your Perspective On Game Dev
25:51
The Beauty of Parallax
10:23
Просмотров 283 тыс.
choosing a game engine is easy, actually
15:08
Просмотров 353 тыс.
Programming a multiplayer game from scratch in 7 DAYS
18:28
Harder Than It Seems? 5 Minute Timer in C++
20:10
Просмотров 159 тыс.
The Best Games from GMTK Game Jam 2023
16:05
Просмотров 1,1 млн
The Tools I Use for Indie Game Dev in 2024
14:21
Просмотров 215 тыс.
We will see who will do it better 😂
00:14
Просмотров 3,7 млн