Math for Game Developers: Why do we use 4x4 Matrices in 3D Graphics?

Поділитися
Вставка
  • Опубліковано 21 лис 2024

КОМЕНТАРІ • 183

  • @MuriloFernandoFloriani
    @MuriloFernandoFloriani 3 роки тому +121

    More people should know about your lectures. Really good stuff.

    • @pikuma
      @pikuma  3 роки тому +5

      Grande Murilo! :)

  • @calvinsoueid772
    @calvinsoueid772 3 роки тому +100

    I've been searching for hours for a good explanation, and in 5 minutes you've already blown my mind. How is it nobody else can explain it this well?

  • @sircalvin
    @sircalvin Рік тому +13

    the 2d->3d->2d shearing example genuinely made my jaw drop, i finally get it!

  • @Seiffouri
    @Seiffouri Рік тому +2

    16:30 mins blown 🤯 after all these years finally I got the Ah moment! Thank you.

  • @adamblance3346
    @adamblance3346 3 роки тому +4

    You were able to completely explain it in the first few minutes, but I'm so glad I stuck around for the rest. Thanks so much!

  • @DevonVanNote
    @DevonVanNote 3 роки тому +23

    Gustavo you saved me hours and hours of research. I'm a software developer of 4 years and applied for a Gameplay Programmer position, which doesn't require to have to made a game before but does require I understand concepts like this. Fantastic video! The ending blew my mind! Thank you!

  • @Metacious
    @Metacious 3 роки тому +7

    I don't remember how I found Pikuma, but it is one of the best courses I've had for computer graphics. Much appreciated.

  • @benzsuankularb130
    @benzsuankularb130 3 роки тому +3

    Wow... This guy knows how student's mind works. Every school should replace boring math classes with these visual lectures...
    Great job @Pikuma!

  • @johneysteel525
    @johneysteel525 2 роки тому +8

    This one is worth sticking around until the end. The distinction between Rotation and Scale vs Translate is news to me. My favorite part is your breakdown of Sheer and how you can view any translation as a Sheer in the higher dimension that is then brought back down.

  • @toninotonnato7776
    @toninotonnato7776 Рік тому +1

    Ok this is the coolest explanation of the 4D matrices application I ever heard. Just amazing.

  • @StarFury2
    @StarFury2 Рік тому +9

    I guess the need for 4x4 arise from our wish to only use multiplication to apply all transformations at once (transformation = coordinates ⋅ R ⋅ S ⋅ T).
    Because if, alternatively, we use transformation = coordinates ⋅ R ⋅ S + T , it seems we do not need an additional dimension. Simply apply RS transformation and add dx, dy, dz to position points in 3D space. But yes, very cool idea and explanation why multiplication requires higher dimension.

  • @TheGRoques
    @TheGRoques 3 роки тому +9

    The result of a shear in 3D is a translation in the 2D plane. This is a fascinating insight, and very helpful for extrapolating to 4D! :)

  • @HartleySan
    @HartleySan 5 місяців тому

    At first, I didn't know where you were going with the shearing, but you blew my mind there at the end. Bravo!

  • @spudtaters8419
    @spudtaters8419 10 місяців тому +1

    The 3d shear of a 2d shape was brilliant. Thanks.

  • @t3hPoundcake
    @t3hPoundcake Рік тому +3

    This blew my mind. This is such an incredible and intuitive (even with the 4 dimensional aspect) way to interpret and think about translations in 3d space in computer graphics. I never put that together in my head before in such a clear and understandable way, I just knew "well you need a 4d matrix" and let the magic happen. This is a wonderful video.

    • @Bunny99s
      @Bunny99s 8 місяців тому

      Right, the more you think about higher dimensional space, the more generalized you can see the lower dimensions. It's often said that in 2d space you can only rotate around point and in 3d space you rotate around an axis. Though generally speaking that's not really true. In many cases when talking about 2d rotation people imagine a rotation axis going through the point of rotation. So the try to visualize the 2d case as the 3d case. However it's only in 3d that rotations actually rotate around an axis. In reality rotations happen inside a 2d plane. This is true for all dimensions. That's why 2d space has just 1 way to rotate since there is only one 2d plane which is the whole space, you have 3 rotations in 3d space (xy, xz, yz) and why you get 6 rotations in 4d space (xy, xz, xw, yz, yw, zw).
      Also most understand that a 2d plane has a normal vector. Though this is also not true. In 2d space you again have to imagine 3d in order to define the normal. However in 4d space a single 2d plane requires two normal vectors or another orthogonal 2d plane in order to be defined properly. "Hyperplanes" are defined the same way in all dimensions. However a 4d hyperplane is actually a 3d volume with distance "d" and not a 2d thing. A hyperplane in 2d space would be an infinite line with distance d from the origin. Such a hyperplane is always defined by a normal vector and a distance from the origin. In 4d space having a single normal vector leaves us with a 3d space that is orthogonal to that normal. This is what homogeneous coordinates essentially represent. It's a 3d sliver of 4d space at a distance of 1
      Toying around with higher dimentional spaces can tell you a lot about the trivial (1d, 2d, 3d) spaces and can change how you think about the ordinary world :)

  • @adygombos4469
    @adygombos4469 2 роки тому +1

    this is one of the best videos on matrices i've ever seen

  • @dzgames725
    @dzgames725 2 роки тому +4

    Hands down the best explanation on this topic I have found so far. Thanks!

  • @diegodemetillo5947
    @diegodemetillo5947 11 місяців тому +1

    This is the best explanation I've seen so far. Thank you for using various methods of explaining the concept, especially the part where you just say that we add an extra row as a mathematical trick to achieve translation. I also love the step-by-step animation for the 2D translation on a 2D plane, where the 3rd dimension was just used for a shear transformation. This makes it easier to understand that the 4th dimension for 3D translation is more of just an "imaginary"/hidden shear transformation from our perspective as 3D beings who can't see the 4th dimension. You deserve more subs.

  • @Jair_inacio_Neto_Teixeira
    @Jair_inacio_Neto_Teixeira 7 місяців тому +1

    Gustavo, I'm not in the field of games or graphics, but your content is so amazing that I'll take some of your courses. Your explanation about numerical integrators was so clear, and now I saw this one about matrix transformations, wow simply amazing.

    • @pikuma
      @pikuma  7 місяців тому +1

      Welcome to the dark side. 😅

  • @devangpandya5987
    @devangpandya5987 2 місяці тому +1

    Very well explained. I appreciate your efforts for explaining with graphics visuals.

  • @hericklenin
    @hericklenin 2 роки тому +1

    Indeed, this is the coolest thing I have seen this week.

  • @tedsheridan8725
    @tedsheridan8725 Рік тому +1

    Glad I watched to the end - the higher dimension shearing part made everything click. I'm working on a series of videos showing how to visualize the 4th dimension, this gives me another application to consider. Thank you!

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

    Thanks! I have had such a hard time, understanding 4x4 Matrices. They were like a black box for me. But now, you put a smile on my face, because now I have a bit more understanding of the black box!
    I now need to look into the rotation and scaling part of the 4x4 Matrix.

  • @xaviergonzalez5828
    @xaviergonzalez5828 Рік тому

    I'm not a game developer, but I love your videos!

  • @ericg-v3f
    @ericg-v3f 24 дні тому

    Nice explanation about that 4x4 matrix mathematical reason in 3d graphics. Makes sense now with those extra translation operation. Great job done here.

  • @martinmartinmartin2996
    @martinmartinmartin2996 Рік тому

    Gustavo Pëzzi: THank you for such excellent description of 3d graphcs !
    I spent some time to learn matrix manipulaton on line , to understand how and why matrices work .
    Your explanation then made, the math 3d graphics understandable.
    I marvel at the complexity of 3d graphics and I am in awe of the results the 3d games, and drawings have produced.
    Only dozens (hundred? ?) of very sharp , artistically talented, programmers could produce such work.

    • @pikuma
      @pikuma  Рік тому

      I find that, once we grok the fundamentals of how things work, we see beyond the magic and things start to make a lot of sense. 🙂

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

    Gustavo You are amazing , I cant explain how easy you make things to understand . I have bought all the courses in Pikuma , since I am very fascinated about the way computers work and am very glad I have put my trust in the right hands . Thank you ..

  • @takanu
    @takanu 3 роки тому +1

    Beautiful explanation, it's so rare to find accessible mathematics tutorials so thank you!

  • @Ares9323
    @Ares9323 Рік тому

    The 3D shearing was mind blowing 🤯

  • @mrkotfw
    @mrkotfw Рік тому +3

    Extremely well explained. Thank you.

  • @javedakhtar1435
    @javedakhtar1435 Рік тому +1

    had been looking for something like ur channel for weeks now, ur a god sent

  • @buysmartter
    @buysmartter 3 роки тому +1

    It is the coolest thing I heard this week. Thanks. After first part I finally understand it, but after second part - I will never forget it!

  • @bowenlin1481
    @bowenlin1481 11 місяців тому

    This explanation is awesome! I never thought of translation in terms of shearing on the n+1 dimension. You cannot perform 3d translation using 3d linear transformations but you can perform 3d translation using 4d linear transformations. Thanks, for the awesome video.

  • @dlgkor
    @dlgkor Рік тому +1

    Thank you for the explanation. I finally understood why we need 4x4 matirx. Amazing Video.

  • @peterlous853
    @peterlous853 3 роки тому +1

    I can recommend the 3d computer graphics course! One of the best out there!

  • @jewcy2560
    @jewcy2560 2 роки тому +1

    Bro thank you so much. I spent hours trying to solve the math for this matrix-vector multiplication and then I find this video. This video allowed me to grasp the knowledge for my computer graphics class and I appreciate your time and effort in making this video. Your a life saver and just wanted to give my thanks :)

    • @pikuma
      @pikuma  2 роки тому +1

      My pleasure

  • @AinurEru
    @AinurEru 3 роки тому +3

    Note that already in the 2D shear illustration, the top and bottom edges of the shape is already being "translated" horizontally(!) As in, their 2 vertices move together - the edges maintains their size and shape. Right there already there's a clue: A shear applies a tanslation in a lower dimention (sub-space).
    Meaning, a 2D shear applies a 1D translation, to any line perpendicular to the axis being sheared. If we skew the Y axis, then any X-axis line that existed before, just slides sideways as-is (without scaling or rotating).
    Then, when going to 3D, skewing the Z axis applies a 2D translation to any XY plane that existed before the shear - it moves any plane sideways and/or back/front, again without any additional transformation within that plane (no scaling or rotation) - just moves as-is.
    Lastly the same can be envisioned to happen when skweing the W axis, applying a translation to any XYZ volume, again without any additional transformation within that volume (no scaling or rotation) - just moves as-is.

  • @reng7777
    @reng7777 2 роки тому +1

    CLEAR,CONCISE AND PERFECTLY EXPLAINED!! GOOD WORK !!

  • @Anskair
    @Anskair Рік тому +2

    It is indeed the coolest thing I've heard in a week!

  • @lodgechant
    @lodgechant 6 місяців тому

    Yay indeed! I've only recently discovered matrices and now just stumbled onto your video: it's so clear and helpful - thank you!

  • @sdx1969
    @sdx1969 11 місяців тому

    Amazing !!. Being creative in explaining and visualizing the problem. It almost sounded like a layman terms for someone like me to finally comprehend the concept. Very grateful mate.

  • @breakdancerQ
    @breakdancerQ Рік тому +1

    Very nice explanation, definitely didnt look at the from the sheering side like that!

  • @fredbcruz
    @fredbcruz 3 роки тому +1

    I love this concept of buffer dimension.

  • @kristianwichmann9996
    @kristianwichmann9996 3 роки тому +5

    I think it *is* the most awesome thing I've seen this week. Good stuff, Gustavo

  • @randomdudely
    @randomdudely Рік тому +1

    This IS the coolest thing I heard this week!

  • @sidekick3rida
    @sidekick3rida 2 роки тому +1

    That was a very intuitive explanation for homogeneous coordinates. Thank you!

  • @kirillholt2329
    @kirillholt2329 Рік тому

    this was very clear, this vid deserves more attention

  • @RedRaion3
    @RedRaion3 3 роки тому +1

    This video deserves more credit!

  • @adarshramtripathi7748
    @adarshramtripathi7748 10 місяців тому

    I mean it's really crystal clear explanation.

  • @catpokerlicense
    @catpokerlicense Рік тому

    A shear in 3d is a translation in 2d. Thats such a beautiful way to think about it

  • @wuhaipeng
    @wuhaipeng Рік тому

    Thank you once again! It's fascinating to consider that shearing in (n+1) dimensions leads to translation in n dimensions, and that they are equivalent when viewed from an n-dimensional perspective!

  • @GrandHighGamer
    @GrandHighGamer 4 місяці тому +1

    3D acceleration really is wild, when you consider that moving your mouse cursor is actually shearing a 2D rectangle in 3D space through a 4th spacial dimension before it all gets projected back down into 2D.

  • @princedeka6054
    @princedeka6054 3 роки тому +1

    Damn bruh 😊 You got a new subscriber !!! This is the coolest thing i heard in this whole year

  • @yolamontalvan9502
    @yolamontalvan9502 9 місяців тому

    Very good information. You forgot to mention the name of the software used to make your amazing 2D and 3D graphics. Thank you.

  • @guilhermecampos8313
    @guilhermecampos8313 Рік тому +1

    Wow, the shear explanation was very good!

  • @mmaurier2007
    @mmaurier2007 2 місяці тому +1

    Excellent explanation! Thank you

  • @jawaharbabuadapa
    @jawaharbabuadapa 2 місяці тому +1

    Thank you for making these videos available

  • @CuriousCyclist
    @CuriousCyclist Рік тому

    I've just discovered your channel. Great video. Thanks for taking the time to make it. You are a good teacher.

  • @freezinfire
    @freezinfire 2 місяці тому +1

    You, blew my mind today.

  • @francisgagnon341
    @francisgagnon341 2 роки тому +1

    I will get the course! Thanks for your super relevant work!

  • @Corninthesky
    @Corninthesky 2 роки тому +1

    Thanks dude, I learned some of this in my linear algebra class but this video really clarified things and solidified my knowledge :)

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

      Also, is it all right if I use some screenshots from this video for a school project? I would give credit, of course.

  • @rush5900
    @rush5900 2 роки тому +1

    Thank you very much, this will be very helpful.

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

    @6:57
    I saw in other people's video..
    They implemented the coordinate system( with x,y,and z coordinate as vector or in the context of programming as object)..
    He multiplied a 1x4
    (1 by 4 matrix for x,y,z,1)
    With a 4x4
    (4 by 4 transformation matrix)
    So the output is 1x4 matrix instead of 4x1 matrix like in this video

  • @willardpeng5941
    @willardpeng5941 3 місяці тому +1

    Thank you. Very clear explanation.❤

  • @exogeo
    @exogeo Рік тому +1

    Superb Explanation!

  • @bmariani52
    @bmariani52 Рік тому

    Gustavo, Clear, concise, to the point. Impressive imaging that make the explanation intuitive. Could you add a "List of Points" for the 3D Jet. I would like to program the rotation of the Jet Points based on your explanation. Thanks. Bert Mariani

  • @tjalferes
    @tjalferes Рік тому

    Very cool and very good teaching style. Thank you.

  • @WomboBraker
    @WomboBraker 3 місяці тому

    damn i have to drop this comment praising how valuable this is. Amazing, truly amazing that you take your time to explain this

  • @DKtruster
    @DKtruster 2 роки тому +1

    Finally understood this. Thanks for explaining

  • @wkxvii
    @wkxvii Рік тому +1

    Excellent video mate!!
    Thank you very much for that

  • @benvonzastrow5403
    @benvonzastrow5403 Місяць тому

    Thank you so much for this. Extremely clear and helpful!

  • @ethanhalprin
    @ethanhalprin 2 роки тому +1

    Great video! Very explanatory and clear.

  • @elhalmihamza28
    @elhalmihamza28 Рік тому

    it's the cooler thing in this week-end🤗

  • @sidekick3rida
    @sidekick3rida 3 місяці тому

    What a beautiful concept

  • @wuhaipeng
    @wuhaipeng Рік тому

    Thank you for the clear explaination!

  • @dmytrogladkyi
    @dmytrogladkyi 2 роки тому +1

    the best video on youtube

  • @redpug5042
    @redpug5042 2 роки тому +1

    that's really interesting
    I just use addition to manually translate without a matrix

  • @davidadewoyin468
    @davidadewoyin468 5 місяців тому

    Just an awesome explanation

  • @AmaanHasanDilawar
    @AmaanHasanDilawar 2 роки тому +1

    Yhis is what I was looking for...

  • @namdao2672
    @namdao2672 6 місяців тому

    now it all make sense thanks to you

  • @emre5437
    @emre5437 3 роки тому +1

    Thats great explanation i have ever heard thank u

  • @Imetalh
    @Imetalh Рік тому +3

    I feel like thanos already hahaha

  • @acho8387
    @acho8387 2 роки тому +1

    Nice. Very cool explanation, thanks!

  • @olitworkowski
    @olitworkowski 3 місяці тому

    I love u omg. Best lecture abput homogenous coordinates

  • @adsurbum
    @adsurbum 11 місяців тому +1

    Amazing. I just finished to watch the amazon video series "essense on linear algebra" by 3Blue1Brown, and came across here to see wonderful practical application. Sheering in 4 dimensional space... mind blowing

  • @repkins
    @repkins 2 роки тому +1

    Mind-blowing! Thanks.

  • @Indik47
    @Indik47 Рік тому

    an awesome explanation. Thank you!

  • @GagaGugu-i8w
    @GagaGugu-i8w 5 місяців тому

    great explanation

  • @Dr.RokiaAbdein
    @Dr.RokiaAbdein 6 місяців тому +1

    it helped me a lot, thank you so much!

  • @ibrahimhefny2494
    @ibrahimhefny2494 2 роки тому +1

    what’s an incredible and interesting explain!!

  • @dylandang
    @dylandang 3 роки тому +1

    that is such a good explanation! so cool

  • @parinamais
    @parinamais 5 місяців тому

    this is amazing, you are a great teacher!! ty

  • @blackeye2312
    @blackeye2312 Рік тому

    subbed becuase this is the coolest thing i have seen this week :')

  • @andredejager3637
    @andredejager3637 Місяць тому +1

    Thank you so much, mind goes POP!

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

    Couldn't you use a 3x3 matrix for a rotation and scale and simply add to the components for translation? Why do you need a matrix for translation?

  • @martinmajewski
    @martinmajewski 10 місяців тому

    Another way of explaining why 3x3 isn't sufficient might be this: the only way to move the X, Y, and Z components in space is by multiplying a factor to them. This factor would be on the diagonal line of the 3x3 matrix. So, e.g., if you want to move X by its double distance, you must calculate 2x+0y+0z. You can generally simulate an addition by multiplication if you know the correct factor. However, what do you do when X, Y, or Z is zero in the first place? No factor would ever change, aka. translate that component because factor times zero stays zero.
    Yes, this is the basis for "linearity." Still, I think it makes arguing in favor of the fourth dimension so much easier as you have an exception, which makes the feasibility of a 3x3 matrix break immediately.

  • @floxhoa
    @floxhoa 4 місяці тому

    Clear explanation 👍

  • @viles1450
    @viles1450 Рік тому +1

    i am little bit dumb on math, but why we can't just use 1x3 vector for translation? Why we can't just go with simple concatenation of vectors instead of multiply matrices and concatenate rows?

    • @mohammedal-rashdan3668
      @mohammedal-rashdan3668 5 місяців тому

      I had this exact thought as well. I think it has to do with doing multiple operations on a vertex at the same time with one multiplication operation. Not totally sure, however.

  • @ynsam
    @ynsam Рік тому

    Man that was eye opening for me!!!

  • @KrarupJakob
    @KrarupJakob 2 роки тому +1

    Thanks for this great explanation! 😊👍

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

      Thank you for the support. 🙂