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

Sdílet
Vložit
  • čas přidán 14. 07. 2024
  • In this short lecture I want to explain why programmers use 4x4 matrices to apply 3D transformations in computer graphics.
    We will learn why we need a 4x4 matrix to represent 3D transformations, including the mathematical explanation and also a geometrical intuition.
    For complete courses on computer science, programming, and mathematics, visit:
    www.Pikuma.com.
    Don't forget to subscribe to receive updates and news about new courses and tutorials:
    / @pikuma
    Enjoy!
  • Věda a technologie

Komentáře • 167

  • @MuriloFernandoFloriani
    @MuriloFernandoFloriani Před 3 lety +106

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

    • @pikuma
      @pikuma  Před 3 lety +5

      Grande Murilo! :)

  • @calvinsoueid772
    @calvinsoueid772 Před 3 lety +92

    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 Před rokem +6

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

  • @GrandHighGamer
    @GrandHighGamer Před 12 dny +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.

  • @DevonVanNote
    @DevonVanNote Před 3 lety +21

    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!

  • @StarFury2
    @StarFury2 Před rokem +8

    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.

  • @dzgames725
    @dzgames725 Před 2 lety +4

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

  • @Metacious
    @Metacious Před 3 lety +6

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

  • @adamblance3346
    @adamblance3346 Před 2 lety +2

    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!

  • @kristianwichmann9996
    @kristianwichmann9996 Před 3 lety +5

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

  • @johneysteel525
    @johneysteel525 Před rokem +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.

  • @diegodemetillo5947
    @diegodemetillo5947 Před 7 měsíci +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.

  • @TheGRoques
    @TheGRoques Před 2 lety +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! :)

  • @toninotonnato7776
    @toninotonnato7776 Před rokem +1

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

  • @tinkuzen
    @tinkuzen Před 2 lety +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 ..

  • @benzsuankularb130
    @benzsuankularb130 Před 2 lety +2

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

  • @takanu
    @takanu Před 3 lety +1

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

  • @t3hPoundcake
    @t3hPoundcake Před rokem +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 Před 4 měsíci

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

  • @marcuscazzola4005
    @marcuscazzola4005 Před 2 lety +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.

  • @tedsheridan8725
    @tedsheridan8725 Před rokem +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!

  • @buysmartter
    @buysmartter Před 2 lety +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!

  • @javedakhtar1435
    @javedakhtar1435 Před rokem +1

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

  • @reng7777
    @reng7777 Před 2 lety +1

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

  • @HartleySan
    @HartleySan Před měsícem

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

  • @hericklenin
    @hericklenin Před 2 lety +1

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

  • @sidekick3rida
    @sidekick3rida Před 2 lety +1

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

  • @Seiffouri
    @Seiffouri Před 11 měsíci +1

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

  • @Tupiniviking_de_osasco
    @Tupiniviking_de_osasco Před 3 měsíci +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  Před 3 měsíci +1

      Welcome to the dark side. 😅

  • @randomdudely
    @randomdudely Před rokem +1

    This IS the coolest thing I heard this week!

  • @adygombos4469
    @adygombos4469 Před rokem +1

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

  • @lodgechant
    @lodgechant Před 2 měsíci

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

  • @Anskair
    @Anskair Před 9 měsíci +2

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

  • @mrkotfw
    @mrkotfw Před rokem +3

    Extremely well explained. Thank you.

  • @jewcy2560
    @jewcy2560 Před rokem +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 :)

  • @sdx1969
    @sdx1969 Před 7 měsíci

    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.

  • @princedeka6054
    @princedeka6054 Před 3 lety +1

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

  • @CuriousCyclist
    @CuriousCyclist Před 10 měsíci

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

  • @francisgagnon341
    @francisgagnon341 Před rokem +1

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

  • @exogeo
    @exogeo Před rokem +1

    Superb Explanation!

  • @peterlous853
    @peterlous853 Před 3 lety +1

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

  • @Indik47
    @Indik47 Před 7 měsíci

    an awesome explanation. Thank you!

  • @spudtaters8419
    @spudtaters8419 Před 6 měsíci +1

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

  • @kirillholt2329
    @kirillholt2329 Před rokem

    this was very clear, this vid deserves more attention

  • @dlgkor
    @dlgkor Před rokem +1

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

  • @tjalferes
    @tjalferes Před rokem

    Very cool and very good teaching style. Thank you.

  • @ethanhalprin
    @ethanhalprin Před 2 lety +1

    Great video! Very explanatory and clear.

  • @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  Před rokem

      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. 🙂

  • @wuhaipeng
    @wuhaipeng Před rokem

    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!

  • @parinamais
    @parinamais Před měsícem

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

  • @RedRaion3
    @RedRaion3 Před 3 lety +1

    This video deserves more credit!

  • @blackeye2312
    @blackeye2312 Před 11 měsíci

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

  • @wkxvii
    @wkxvii Před rokem +1

    Excellent video mate!!
    Thank you very much for that

  • @Dr.RokiaAbdein
    @Dr.RokiaAbdein Před 2 měsíci +1

    it helped me a lot, thank you so much!

  • @DKtruster
    @DKtruster Před 2 lety +1

    Finally understood this. Thanks for explaining

  • @mike1hav
    @mike1hav Před rokem

    Amazing video. Thankyou!!

  • @ynsam
    @ynsam Před rokem

    Man that was eye opening for me!!!

  • @acho8387
    @acho8387 Před 2 lety +1

    Nice. Very cool explanation, thanks!

  • @elhalmihamza28
    @elhalmihamza28 Před rokem

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

  • @wuhaipeng
    @wuhaipeng Před rokem

    Thank you for the clear explaination!

  • @breakdancerQ
    @breakdancerQ Před 10 měsíci +1

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

  • @adarshramtripathi7748
    @adarshramtripathi7748 Před 5 měsíci

    I mean it's really crystal clear explanation.

  • @davidadewoyin468
    @davidadewoyin468 Před 27 dny

    Just an awesome explanation

  • @repkins
    @repkins Před rokem +1

    Mind-blowing! Thanks.

  • @AinurEru
    @AinurEru Před 3 lety +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.

  • @namdao2672
    @namdao2672 Před měsícem

    now it all make sense thanks to you

  • @jermaineallgood
    @jermaineallgood Před 8 měsíci

    THANK YOU!!!! This was so helpful…

  • @dylandang
    @dylandang Před 2 lety +1

    that is such a good explanation! so cool

  • @MohamedHassan-iq6rk
    @MohamedHassan-iq6rk Před měsícem

    COOLEST thing heard this Year ♥

  • @bowenlin1481
    @bowenlin1481 Před 7 měsíci

    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.

  • @rush5900
    @rush5900 Před 2 lety +1

    Thank you very much, this will be very helpful.

  • @guilhermecampos8313
    @guilhermecampos8313 Před 11 měsíci +1

    Wow, the shear explanation was very good!

  • @Corninthesky
    @Corninthesky Před 2 lety +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 Před 2 lety

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

  • @ibrahimhefny2494
    @ibrahimhefny2494 Před 2 lety +1

    what’s an incredible and interesting explain!!

  • @travislrogers
    @travislrogers Před rokem

    Excellent explanation!

  • @fredbcruz
    @fredbcruz Před 3 lety +1

    I love this concept of buffer dimension.

  • @Dr.RokiaAbdein
    @Dr.RokiaAbdein Před 2 měsíci +1

    OMG this is great! thanks a bunch

  • @LucasAlfare
    @LucasAlfare Před 2 lety

    Amazing explanation!

  • @emre5437
    @emre5437 Před 2 lety +1

    Thats great explanation i have ever heard thank u

  • @user-wt2sg8kg1x
    @user-wt2sg8kg1x Před 23 dny

    great explanation

  • @prabhatmishra5667
    @prabhatmishra5667 Před 10 měsíci

    Loved it!

  • @Ares9323
    @Ares9323 Před rokem

    The 3D shearing was mind blowing 🤯

  • @dmytrogladkyi
    @dmytrogladkyi Před 2 lety +1

    the best video on youtube

  • @user-wy6th3fb3k
    @user-wy6th3fb3k Před 5 měsíci +1

    amazing thank you!

  • @KrarupJakob
    @KrarupJakob Před 2 lety +1

    Thanks for this great explanation! 😊👍

    • @pikuma
      @pikuma  Před 2 lety

      Thank you for the support. 🙂

  • @xaviergonzalez5828
    @xaviergonzalez5828 Před 10 měsíci

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

  • @catpokerlicense
    @catpokerlicense Před 9 měsíci

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

  • @nagesh007
    @nagesh007 Před rokem +1

    Awesome 😍

  • @nijatshukurov9022
    @nijatshukurov9022 Před rokem

    This is amazing

  • @duarteribeiro1520
    @duarteribeiro1520 Před 2 lety +1

    Amazing!

  • @AmaanHasanDilawar
    @AmaanHasanDilawar Před rokem +1

    Yhis is what I was looking for...

  • @atduyar
    @atduyar Před 2 lety +1

    it's super cool.

  • @iljastepanov2627
    @iljastepanov2627 Před 10 měsíci +1

    amazing

  • @Dan-qs7ki
    @Dan-qs7ki Před 10 měsíci +1

    very good

  • @bmariani52
    @bmariani52 Před 11 měsíci

    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

  • @Lu1stron
    @Lu1stron Před 3 měsíci

    coolest thing I have ever heard

  • @orangasli2943
    @orangasli2943 Před 2 lety

    @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

  • @yolamontalvan9502
    @yolamontalvan9502 Před 5 měsíci

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

  • @quronxz7910
    @quronxz7910 Před 2 lety

    Loved thissss

  • @keypo790
    @keypo790 Před rokem

    You always read my mind in this video🤣

  • @FernandoNomellini
    @FernandoNomellini Před měsícem +1

    Muito bom !