Make Pixel Art Games: Tilemaps

Поделиться
HTML-код
  • Опубликовано: 1 янв 2025

Комментарии • 78

  • @Frankslaboratory
    @Frankslaboratory  8 месяцев назад +4

    What's your favourite pixel art game?

    • @mrchibi7879
      @mrchibi7879 8 месяцев назад

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

    • @josefmutl4191
      @josefmutl4191 8 месяцев назад

      Ugh!

    • @jesusbecerra3345
      @jesusbecerra3345 8 месяцев назад

      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 8 месяцев назад

      Xenon megablast and Shadow of the Beast

    • @Frankslaboratory
      @Frankslaboratory  8 месяцев назад +1

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

  • @jesusbecerra3345
    @jesusbecerra3345 8 месяцев назад +4

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

    • @Frankslaboratory
      @Frankslaboratory  8 месяцев назад

      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  8 месяцев назад +1

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

  • @LambChomp
    @LambChomp 7 месяцев назад +5

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

    • @Frankslaboratory
      @Frankslaboratory  7 месяцев назад +1

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

  • @brandonjacksoon
    @brandonjacksoon 8 месяцев назад +1

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

    • @Frankslaboratory
      @Frankslaboratory  8 месяцев назад

      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

  • @raptyk
    @raptyk 7 месяцев назад

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

  • @Adrian00213
    @Adrian00213 Месяц назад

    @Frankslaboratory
    question how would you go about optimizing the tilemaps?
    Is there any way to optimize them? draw them using open gl? use chunk system? is or make biger tile precomponents? that are created from multiple tiles? so its drawn as 1 bigger image?
    what i mean is does canvas reduce draw calls by drawing all the tilles at the same time as single draw call?
    Another idea i am thinking about is it possible to create a tile map editor that after the map is done for example 100x 100 tile maps, into 10 chunks. and those chunks are saved as seperate images insted so only 10x 10 biger tiles would be loaded? would that be more efficient? or is it better to load more but less weighty tiles then , less but heavier tile chunks?
    I am thinking about multilayer tiles for more details, optimization apperoches are welcome :) any advice? :D

  • @franzgriffle6063
    @franzgriffle6063 6 месяцев назад

    Excellent, works perfectly.

    • @Frankslaboratory
      @Frankslaboratory  6 месяцев назад

      Thanks for letting me know. Nice to meet you Franz

  • @timothyshoup5044
    @timothyshoup5044 7 месяцев назад

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

  • @Compiler.Visuals
    @Compiler.Visuals 8 месяцев назад

    Very interesting and clear headed teaching!

  • @aswathyraj1414
    @aswathyraj1414 5 месяцев назад

    Greate tutorial as always

  • @brandonjacksoon
    @brandonjacksoon 8 месяцев назад

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

  • @altaraya
    @altaraya 7 месяцев назад

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

  • @Atenvardo
    @Atenvardo 7 месяцев назад

    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?

  • @josephcieplak8920
    @josephcieplak8920 8 месяцев назад

    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  8 месяцев назад +1

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

    • @josephcieplak8920
      @josephcieplak8920 8 месяцев назад

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

    • @Frankslaboratory
      @Frankslaboratory  8 месяцев назад +1

      @@josephcieplak8920 Awesome

  • @ryujinminatozaki651
    @ryujinminatozaki651 7 месяцев назад

    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  7 месяцев назад

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

  • @karlkoch3345
    @karlkoch3345 7 месяцев назад

    Another great video!

  • @danielchaves6265
    @danielchaves6265 8 месяцев назад

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

    • @Frankslaboratory
      @Frankslaboratory  8 месяцев назад +1

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

  • @hope124-c7v
    @hope124-c7v 7 месяцев назад

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

    • @Frankslaboratory
      @Frankslaboratory  7 месяцев назад +1

      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.

  • @tarcisiooliveira8810
    @tarcisiooliveira8810 7 месяцев назад

    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?

  • @hope124-c7v
    @hope124-c7v 7 месяцев назад

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

    • @Frankslaboratory
      @Frankslaboratory  7 месяцев назад +1

      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

  • @markuszeller_official
    @markuszeller_official 8 месяцев назад +2

    Coming up next: Wave function collapse level generator

    • @Frankslaboratory
      @Frankslaboratory  8 месяцев назад +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 8 месяцев назад

      @@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  7 месяцев назад +2

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

    • @markuszeller_official
      @markuszeller_official 7 месяцев назад +1

      I bet you will love it.

    • @benstuijts5620
      @benstuijts5620 7 месяцев назад +1

      This would be great! We need this 😊

  • @chrizzzly_hh
    @chrizzzly_hh 8 месяцев назад +1

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

    • @Frankslaboratory
      @Frankslaboratory  8 месяцев назад +1

      That would be interesting to explore

    • @benstuijts5620
      @benstuijts5620 7 месяцев назад

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

  • @M4rt1nX
    @M4rt1nX 8 месяцев назад

    Weee, thanks a lot Frank!!!!!

  • @javifontalva7752
    @javifontalva7752 8 месяцев назад

    Terrific!! Thank youuuuuuu!

  • @viccrts
    @viccrts 7 месяцев назад

    Amazing

  • @mr.fabian8471
    @mr.fabian8471 7 месяцев назад

    Thanks

  • @NoobOp-p9g
    @NoobOp-p9g 8 месяцев назад

    Nice 🔥🔥

  • @PopLll-lo9ot
    @PopLll-lo9ot 8 месяцев назад

    You are the best you are amazing
    Plz can you make ninja turtles game by js

    • @Frankslaboratory
      @Frankslaboratory  8 месяцев назад

      I would love to do a classic arcade Beat 'em up like that Ninja Turtles game I show here

    • @PopLll-lo9ot
      @PopLll-lo9ot 7 месяцев назад

      ​@@Frankslaboratorythanks ❤

  • @alvarobyrne
    @alvarobyrne 8 месяцев назад

    chévere

  • @TheStRaX_
    @TheStRaX_ 7 месяцев назад

    Frank is not from planet Earth.

    • @Frankslaboratory
      @Frankslaboratory  7 месяцев назад +1

      Too weird? People say that about me sometimes :D

    • @TheStRaX_
      @TheStRaX_ 7 месяцев назад

      @@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 ;)