Coding Math: Episode 41 - Isometric 3D Part I

Поділитися
Вставка
  • Опубліковано 16 січ 2025

КОМЕНТАРІ • 50

  • @ghostlordgaming3787
    @ghostlordgaming3787 7 років тому +2

    Hey Coding Math, your Isometric videos were a huge help for me. Thank you so much for teaching how to live between dimensions!

  • @medhavimonish41
    @medhavimonish41 6 років тому +2

    YOU SIR , ARE THE BEST. I have been searching for this for a long time.

  • @sgruhier
    @sgruhier 2 роки тому +2

    Thanks a lot for your videos! That was a huge help for me. I'm building a mobile game for my daughter and without your channel, it would have been much more difficult for me. 🙏

  • @flameprincess7313
    @flameprincess7313 8 років тому +3

    I love your isometric videos, thank you! :D

  • @LuRybz
    @LuRybz 8 років тому

    This channel is a precious thing for me.
    Thank you for sharing your knowledge.

  • @mreazl6227
    @mreazl6227 4 роки тому +6

    Isometric's reverse is Inotsometric

  • @gummifer
    @gummifer 9 років тому +3

    Super inspiring as always!

  • @peterfarrell66
    @peterfarrell66 9 років тому

    Brilliant explanation of the reasoning behind using "ugly numbers." Nice cube world.

  • @XxXKobalXxX
    @XxXKobalXxX 9 років тому

    Immediate subscription, incredible video, planning on watching the rest of the series. You deserve many more views than you have. thank you for the video. Looking forward to the rest.

  • @MasterOfMisc
    @MasterOfMisc 3 роки тому

    This video is AMAZING!!!!

  • @return75
    @return75 3 роки тому

    perfect, perfect, awesome

  • @FPChris
    @FPChris 3 роки тому

    Excellent video. Thank you.

  • @lucaug10
    @lucaug10 9 років тому

    First episode on this series and I already love it.

  • @prashanthkumar0
    @prashanthkumar0 5 років тому

    great ..👍👍

  • @jontis96
    @jontis96 9 років тому +1

    Will we be seeing any videos on isometric hitdetection? When all tiles share the same Z value it's pretty straight forward to calculate what tile the mouse is over. Would love to see a video when that is not the case, when you have to account for tile depth.
    Great video, thank you!

    • @codingmath
      @codingmath  9 років тому +2

      Jontis_00 Well, I'll be doing some character movement in isometric in the next video. That might solve some of that.

    • @jontis96
      @jontis96 9 років тому

      Looking forward to it :)

  • @mrbendel
    @mrbendel 9 років тому

    Fascinating. Loved the part learning about why
    it's really diametric and not isometric.

  • @tahameron9155
    @tahameron9155 8 років тому

    Exactly what I was looking for ! Thanks a lot .

  • @kevnar
    @kevnar 5 років тому

    Civ 2, reborn!

  • @dreamsgambit
    @dreamsgambit 9 років тому

    Awesome!

  • @notSoAnonyymus
    @notSoAnonyymus 2 роки тому

    Holy shit this was gold!

  • @lightningshark67
    @lightningshark67 6 років тому +1

    I'm not sure if you still read comments here. But I followed this tutorial, and my code is exactly the same as yours. (Since I couldn't find the error and so just copied the github code) and my tilemap is generated all glitched and cut off?

  • @mf2810
    @mf2810 9 років тому

    This is excellent - thanks

  • @muhammadyarkqub6920
    @muhammadyarkqub6920 5 років тому

    :D Nice tutorial...

  • @naraksama3903
    @naraksama3903 2 роки тому

    Link used in the video for the tileset: www.deviantart.com/spasquini/art/Isometric-new-tiles-274882986

  • @jellohunter7981
    @jellohunter7981 4 роки тому

    Thanks

  • @AkioJunichiro
    @AkioJunichiro 8 років тому +1

    (Sorry for my English I will try to be understandable )
    The image drawing function doesn't work for me. The tiles are cut and doesn't display like yours however I have the same code and the same tileset. I try to change tileWidth and tileHeight but it doesn't work. Do you know how to resolve it ?
    Thanks for your work.

    • @KeithPeters
      @KeithPeters 8 років тому +3

      It looks like the image has changed. The tiles are smaller and there is a 2 pixel border on the left. Try tileWidth = 56. Then in the drawImageTile function, use this for the second argument to context.drawImage:
      2 + index * tileWidth
      That compensates for the 2 pixel margin.

    • @AkioJunichiro
      @AkioJunichiro 8 років тому

      It works thank you so much

  • @johnpage4853
    @johnpage4853 9 років тому

    Awesome :D
    so easy compared to linear perspective 3D stuff

  • @leonli5067
    @leonli5067 8 років тому

    Thank you very very much!!!

  • @lucasmachain
    @lucasmachain 9 років тому

    Sublime

  • @fyrofux
    @fyrofux 6 років тому

    Hello :) Nice video, it helped me understand diametric vs isometric, thanks !

  • @danigolmestre
    @danigolmestre 8 років тому

    Thank you!!!

  • @shekhawat5917
    @shekhawat5917 6 років тому

    which lib ?

  • @indoxperia
    @indoxperia 8 років тому

    this video is very useful for me.

  • @KevinTan
    @KevinTan 7 років тому

    this is what we need in life haha

  • @lucasmachain
    @lucasmachain 9 років тому

    can you teach us raycasting?

    • @KeithPeters
      @KeithPeters 9 років тому

      Lucas Machain never done it. but maybe at some point. not sure how feasible it will be in JS.

    • @xshad3x348
      @xshad3x348 9 років тому

      Keith Peters i think that for the raycasting you don't need to make a video, cause the line intersection video teach that, right? if im not wrong, when the line intersect with a point, that is the "hit point" for the collision.
      i hope this make sense, btw, love your channel!! im learning a lot! :)

  • @identifinity333
    @identifinity333 7 років тому

    I can barely understand it :/

  • @supertren
    @supertren 8 років тому +2

    The explanation of the code is very bad!

    • @KeithPeters
      @KeithPeters 8 років тому +2

      +supertren supertren I'm sorry you think so. What part did you not understand?

    • @supertren
      @supertren 8 років тому

      +Keith Peters I don' t understand anything, perhaps because I am spanish and I don' t understand english, can you please put your code in github with comments?, if you want...

    • @KeithPeters
      @KeithPeters 8 років тому +8

      +supertren supertren the code is in github. github.com/bit101/CodingMath There's usually not many comments, because I spend several hours making a video to explain it.

    • @supertren
      @supertren 8 років тому

      +Keith Peters thank you anyway...I will try to understand more english or more math...I am very interested in make an isometric game from scratch