Make Pixel Art Games: Tilemaps

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ธ.ค. 2024

ความคิดเห็น • 78

  • @Frankslaboratory
    @Frankslaboratory  7 หลายเดือนก่อน +4

    What's your favourite pixel art game?

    • @mrchibi7879
      @mrchibi7879 7 หลายเดือนก่อน

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

    • @josefmutl4191
      @josefmutl4191 7 หลายเดือนก่อน

      Ugh!

    • @jesusbecerra3345
      @jesusbecerra3345 7 หลายเดือนก่อน

      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 7 หลายเดือนก่อน

      Xenon megablast and Shadow of the Beast

    • @Frankslaboratory
      @Frankslaboratory  7 หลายเดือนก่อน +1

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

  • @jesusbecerra3345
    @jesusbecerra3345 7 หลายเดือนก่อน +4

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

    • @Frankslaboratory
      @Frankslaboratory  7 หลายเดือนก่อน

      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  7 หลายเดือนก่อน +1

    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 7 หลายเดือนก่อน +1

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

    • @Frankslaboratory
      @Frankslaboratory  7 หลายเดือนก่อน

      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

  • @aswathyraj1414
    @aswathyraj1414 5 หลายเดือนก่อน

    Greate tutorial as always

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

  • @franzgriffle6063
    @franzgriffle6063 6 หลายเดือนก่อน

    Excellent, works perfectly.

    • @Frankslaboratory
      @Frankslaboratory  6 หลายเดือนก่อน

      Thanks for letting me know. Nice to meet you Franz

  • @Compiler.Visuals
    @Compiler.Visuals 7 หลายเดือนก่อน

    Very interesting and clear headed teaching!

    • @Frankslaboratory
      @Frankslaboratory  7 หลายเดือนก่อน

      Very kind feedback, thank you

  • @timothyshoup5044
    @timothyshoup5044 7 หลายเดือนก่อน

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

    • @Frankslaboratory
      @Frankslaboratory  7 หลายเดือนก่อน

      Hi Timothy. Glad you found some value

  • @raptyk
    @raptyk 7 หลายเดือนก่อน

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

  • @brandonjacksoon
    @brandonjacksoon 7 หลายเดือนก่อน

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

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

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

  • @karlkoch3345
    @karlkoch3345 7 หลายเดือนก่อน

    Another great video!

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

  • @josephcieplak8920
    @josephcieplak8920 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน +1

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

    • @josephcieplak8920
      @josephcieplak8920 7 หลายเดือนก่อน

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

    • @Frankslaboratory
      @Frankslaboratory  7 หลายเดือนก่อน +1

      @@josephcieplak8920 Awesome

  • @danielchaves6265
    @danielchaves6265 7 หลายเดือนก่อน

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

    • @Frankslaboratory
      @Frankslaboratory  7 หลายเดือนก่อน +1

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

  • @M4rt1nX
    @M4rt1nX 7 หลายเดือนก่อน

    Weee, thanks a lot Frank!!!!!

  • @Atenvardo
    @Atenvardo 7 หลายเดือนก่อน

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

  • @javifontalva7752
    @javifontalva7752 7 หลายเดือนก่อน

    Terrific!! Thank youuuuuuu!

  • @viccrts
    @viccrts 7 หลายเดือนก่อน

    Amazing

  • @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?

  • @chrizzzly_hh
    @chrizzzly_hh 7 หลายเดือนก่อน +1

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

    • @Frankslaboratory
      @Frankslaboratory  7 หลายเดือนก่อน +1

      That would be interesting to explore

    • @benstuijts5620
      @benstuijts5620 7 หลายเดือนก่อน

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

  • @NoobOp-p9g
    @NoobOp-p9g 7 หลายเดือนก่อน

    Nice 🔥🔥

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

  • @mr.fabian8471
    @mr.fabian8471 7 หลายเดือนก่อน

    Thanks

  • @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 7 หลายเดือนก่อน +2

    Coming up next: Wave function collapse level generator

    • @Frankslaboratory
      @Frankslaboratory  7 หลายเดือนก่อน +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 7 หลายเดือนก่อน

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

  • @PopLll-lo9ot
    @PopLll-lo9ot 7 หลายเดือนก่อน

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

    • @Frankslaboratory
      @Frankslaboratory  7 หลายเดือนก่อน

      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 7 หลายเดือนก่อน

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