The True Power of the Matrix (Transformations in Graphics) - Computerphile

Sdílet
Vložit
  • čas přidán 6. 07. 2024
  • "The Matrix" conjures visions of Keanu Reeves as Neo on the silver screen, but matrices have a very real use in manipulating 3D graphics. John Chapman explains the true power of the matrix.
    Graphics series with John Chapman:
    1/ Universe of Triangles : • A Universe of Triangle...
    2/ Power of the Matrix : • The True Power of the ...
    3/ Triangles to Pixels : • Triangles to Pixels - ...
    4/ Visibility Problem : • The Visibility Problem...
    5/ Light and Shade in Computer Graphics: Coming Soon
    John Chapman is a graphics programmer who blogs here: www.john-chapman.net
    How NOT to store Passwords: • How NOT to Store Passw...
    Addendum - at 12:35 the formula should read: x*0+y*0+1*1
    / computerphile
    / computer_phile
    This video was filmed and edited by Sean Riley.
    Computerphile is a sister project to Brady Haran's Numberphile. See the full list of Brady's video projects at: bit.ly/bradychannels

Komentáře • 453

  • @ApocDevTeam
    @ApocDevTeam Před 10 lety +464

    and this is just one triangle, now imagine modern video games that consist of tens of millions of triangles all textured, shaded, constantly moving and interacting with eachother at 30+ frames per second. you truly start to appreciate the power of a graphics processor.

  • @Xray-Rep
    @Xray-Rep Před rokem +20

    I realize this video is 9 years old (at the time of this comment) but it is the BEST explanation of matrix transformations that I have seen and heard. Prior to watching this video, I have watched at least 18 or 20 other videos that explain matrix transformations but all of them left me confused. Now I understand details that were skimmed over or simply left out of the other videos. THANK YOU COMPUTERFILE for this excellent tutorial!

  • @nerdbot4446
    @nerdbot4446 Před 10 lety +200

    Nice! Keanu Reeves explaines the Matrix. He knows best

  • @joaza772
    @joaza772 Před 10 lety +420

    You should write matrix-vector multiplication in the correct way of x' = Ax and not x' = xA. Matrix multiplication is not commutative and xA cannot be evaluated. Also, do not teach people to use the 'x' for the dot product, that is for cross product. I know I'm an ass for pointing out how to write stuff but people should learn it the right way, considering this video was made for learning purposes :)

  • @MorreskiBear
    @MorreskiBear Před 8 lety +92

    I've tried to make 3D graphics from scratch on my old Commodore 64 before. The best I could do was rotate a stationary cube one point at a time, one axis at a time. Later I learned that somehow you could smush all three rotations together in something called a matrix - but couldn't begin to wrap my head around how or why that worked. Your video might have helped me begin to understand matrices and 3D stuff. Thank you!

  • @Sad-Lemon
    @Sad-Lemon Před 7 lety +24

    You can feel how passionate about graphics the presenter is by listening to him. I hope every single teacher in my country would share that passion for their respective disciplines ;)

  • @energysage9774
    @energysage9774 Před 10 lety +21

    To any math nerds who freaked out when he multiplied two 1x2 matrices at 2:30, he did that for clarity for viewers who aren't clear on matrix multiplication (which seems overly complicated when you first learn it). He clearly applies the transformation which would be the 2x2 matrix given by first row [1, 0] second row [0, 2]. The way he wrote it, though, isn't so much incorrect as it is a different operation... it's element-wise multiplication, which programmers use often.

  • @goeiecool9999
    @goeiecool9999 Před 10 lety +157

    Why did he have to fast forward the rotation formulas!? I was really interested in seeing him work it out

  • @AbdulrahmanMajash
    @AbdulrahmanMajash Před 10 lety +73

    At 12:44 I think he made a mistake in the last set of additions. Since it's matrix multiplication it should've been:
    xa+yb+1*c
    xd+ye+1*f
    x*0+y*0+1*1
    It wouldn't have mattered in the end (due to multiplying by zero), but this should've confused people who don't know matrix multiplication.
    Also, multiplying 3x1 by 3x3 isn't valid (# of columns of the first =/= # of rows of the second). He did it the other way around. It's alright using the formulas he put, but doesn't agree with the "row column" multiplication method which I assume many does it that way. I'm sure he knows what he's doing, but just wanted to clarify some points. Good video btw. Important for signal processing as well c:

  • @carlossoto9511
    @carlossoto9511 Před 8 lety +191

    "We're doing a shear operation in 4-dimensional space, which then casts it's shadow back to 3d space as a translation"
    am I the the only one that finds that beautiful?

  • @mkaatr
    @mkaatr Před 10 lety +146

    Looking forward to the video about how to map a 3D object/Surface into our 2D display screen :)

  • @SimonDouville1
    @SimonDouville1 Před 9 lety +38

    I don't know why i'm watching these videos. I understand nothing to maths. But find it interesting that something that seem so simple to do in photoshop is in fact so complicated. Kinda feel humbled by that.

    • @CastelDawn
      @CastelDawn Před 9 lety +8

      i find it smoothing, i don't even really care about he's saying but the way he's talking i swear it's like smoking some.

  • @ScottLahteine
    @ScottLahteine Před 10 lety +32

    Ah, this takes me back to the mid-2000's when I did a lot of work directly with OpenGL, and matrices were a real revelation. Happily today we hardly have to think about it, since the work has been done. We can just open up Unity 3D or some other 3D simulation environment and go to town with nary a thought for trigonometry. It's still essential to understand these concepts, since we sometimes need to do some fancy things, and it forms a good foundation to understand the world of 3D, but we no longer have to look at these complicated underpinnings very much today.

  • @yushatak
    @yushatak Před 10 lety +160

    WHY DID YOU FAST FORWARD HIS EXPLANATIONS OF THE PARTS THAT CONFUSE ME? O_O

    • @Kram1032
      @Kram1032 Před 10 lety +2

      I bet it's going to be an extra video soon.

    • @bitasy1
      @bitasy1 Před 10 lety +3

      In all honesty, they would confuse us more XD
      OOH he should put the explanations on NUMBERPHILE! :D

  • @superearthbender
    @superearthbender Před 9 lety +56

    I think he's in The Matrix right now.

  • @finthegeek
    @finthegeek Před 10 lety +109

    Disappointing, what is the point of going into this complex an idea and skipping out half of the detail....grrrrr
    that said having a decent understanding of it already it was a solid enough video

  • @isaac10231
    @isaac10231 Před 10 lety +6

    Computerphile is probably one the best of your channels, Brady.
    You can't find such simplicity and good explanations elsewhere, that will give you a foundation to work off of. It is really nice.

  • @Mrkol_
    @Mrkol_ Před 10 lety +146

    NOOOO! Make a separate video about all complicated math parts! DO IT!

    • @UltraMaXAtAXX
      @UltraMaXAtAXX Před 10 lety +14

      We do need some linear algebra in Numberphile.

    • @Crobisaur
      @Crobisaur Před 10 lety

      For his example of translating 2d objects (images for example) look up "Image Homography" it will explain all the stuff he left out.

    • @chiblast100x
      @chiblast100x Před 10 lety

      Wouldn't that be more in Numberphile's wheelhouse than Computerphile's? :D

    • @gumenski
      @gumenski Před 10 lety +7

      It's computerphile... doesn't seem fitting to me to go too deep into mathematics and should stick to explaining the general logic trains and technologies. Matrix operations are really a general maths topic and apply to all branches of science, and really would fit better on numberphile.

  • @LiborVojtek
    @LiborVojtek Před 9 lety +32

    Shouldn't last row be x*0 + y*0 + 1*1? 12:33

  • @mrjoehimself
    @mrjoehimself Před rokem +1

    The ability to teach these topics so eloquently is a real gift, it's truly a joy to watch.

  • @ThePrimebrook
    @ThePrimebrook Před 10 lety +1338

    Don't skip the maths please, that's not a 'cool thing' to do. Presumably we're here because we're interested in the subject, so don't try and hide what it REALLY involves. You're doing the same thing that the profs in the 'Problems with High School Physics' video (on sixty symbols) were talking about - cutting out the maths. It's not boring, maths is beautiful and attractive - it describes the truth of systems (physical and simulated), and I'm interested in the truth.
    Thank you

  • @chronikuad
    @chronikuad Před 10 lety +1

    This guy's been my favorite computerphile. He's been the easiest for me to understand and the most interesting. I've learned matrices but didn't know they had such applications.

  • @GermanSnipe14
    @GermanSnipe14 Před 10 lety +17

    This guy reminds me of a James Bond villain. I like it.

  • @TomatoBreadOrgasm
    @TomatoBreadOrgasm Před 10 lety +12

    One day, I sat down and decided to learn how to do math with matrices, just for the hell of it. I'm glad I did, 'cause this would be completely mystifying to me otherwise.

  • @brickman409
    @brickman409 Před 10 lety +11

    This all went over my head

  • @herp_derpingson
    @herp_derpingson Před 10 lety +11

    This guy is so excited. All guys on this channel are so excited :O

  • @aglees2b
    @aglees2b Před 10 lety +3

    I like where this channel is going with the more in depth videos. Keep it up!

  • @dakirn3098
    @dakirn3098 Před 10 lety +1

    This was awesome. Probably one of the coolest explanations of vector matricies I've seen. Thank you both for making it.

  • @Bignic2008
    @Bignic2008 Před 10 lety +1

    Really fascinating stuff. I just learned about linear transformations and their matrices in linear algebra this semester, and seeing how it applies to computer graphics is quite incredible.

  • @FerroNeoBoron
    @FerroNeoBoron Před 10 lety +14

    There should be a disclaimer about the convention he uses for vector/matrix and vector/vector multiplication. His vector/matrix multiply is reversed from what a lot of people have learned and the "x" he used for vector/vector multiply is the wrong operator (though there isn't an agreed upon one) for elementwise multiplication.

  • @dashama
    @dashama Před 9 lety +2

    Loved your video!
    Blessings and Love,
    Dashama

  • @investornewbie
    @investornewbie Před 10 lety +1

    This was an excellent lesson! These transformations were super helpful for doing engineering problems in 3 dimensions but I can never seem to remember them

  • @saadmaksood
    @saadmaksood Před 4 lety +5

    Me and my girlfriend sitting in front of her parents and everything is awkward.
    Her : Say something !
    Me : 0:01

  • @AlphasysNl
    @AlphasysNl Před 10 lety +4

    I've seen this matrix translation in programs before, but never understood it, until now! Thanks a bundle!

  • @MacBuilder
    @MacBuilder Před 10 lety +8

    3D boolean intersect operations, Raytracing, Global Illumination, Reflection would all be interesting topics.

  • @HiAdrian
    @HiAdrian Před 10 lety +2

    I'm really glad you're doing this. I had to read up on this stuff when I wanted to write some simple code for geometric manipulation and it was difficult for me to grasp it. It's an interesting topic.

  • @raydredX
    @raydredX Před 10 lety +7

    I think the last part turned really interesting but I think this is a bit like: The ones who know already will get it and the one who don't won't. Still loved the ending though, a really great solution to simplify it.

    • @eideticex
      @eideticex Před 10 lety

      Well the ones who do get it were brought to that understanding by using it for practical purposes. Easiest example would be game development, vectors and matrices are first class citizens and get more attention than anything else in game development due to how insanely useful they are.

  • @Dayanto
    @Dayanto Před 10 lety

    I love that you're covering more advanced stuff. This is litterally what I'm learning right now in college! :)

  • @eduardogomes4865
    @eduardogomes4865 Před 7 lety +2

    Wow, I was just very disapointed with the way that we had to translate an object using a matrix, because a linear transformation can't move the origin, but that explanation just made me so amazed! I never understood why everyone talked about shears, now I know their importance.
    Very clever.

  • @AngriestEwok
    @AngriestEwok Před 10 lety +3

    Well, this is the best description of 3d graphics I've seen and that includes an over-priced university education.

  • @Kram1032
    @Kram1032 Před 10 lety +5

    If you are interested in this topic, you probably should also look into "Geometric Algebra" which is a slightly alternate but very powerful formulation of vector spaces.

  • @bengski68
    @bengski68 Před 10 lety

    One of the best explanations of matrix multiplication I've seen. Well done!

  • @_m.a-x
    @_m.a-x Před 7 lety +2

    @13:15 Sir, that was a beautiful explanation. I had no idea that the third row/column for 2D (and 4thr for 3D respectively) were acutally doing something in the extra dimension. I thought that the "hack" was just to add placeholders for the translation parameters.
    But now that you explained the "sheer" in 3D makes so much sense!!! Thank you for that! Subscribed!!!

  • @EmyllSomar
    @EmyllSomar Před 10 lety +20

    This guy is like a real life Gaius Baltar.

  • @patrickmoloney672
    @patrickmoloney672 Před 8 lety +8

    The mathematics is a little dirty but I like the concept of whats being explained. Interesting to see how the things we learn in mathematics are all applicable to the world we live in.

  • @Temerator1
    @Temerator1 Před 7 lety

    If I had teachers like him I wouldn't skip a class. Explanations are crystal clear and simple, pleasure to listen.

  • @evroa
    @evroa Před 8 lety +9

    6:28 He forgot what is sin(90) that moment, they had to pause the record, then they remember and start recording before they finish laughing, lol :D

  • @KurakiN64
    @KurakiN64 Před 10 lety

    This is one of the most interesting videos on Computerphile yet. ♥

  • @bbbbburton
    @bbbbburton Před 10 lety +17

    glad i took matrices quite seriously in school. should make things a bit easier at varsity next year :)

    • @DaFish1337
      @DaFish1337 Před 10 lety +3

      Varsity? Isn't that a schools's sports team?

    • @Thomvd
      @Thomvd Před 10 lety +1

      ***** VGHS I recon :)

    • @DaFish1337
      @DaFish1337 Před 10 lety

      While I heard that word in VGHS for the first time, further research showed that it is in fact a school's sports team even in real life.
      But since this is a totally normal word in American English, why did you think about VGHS (a little creepy ;))?
      (Neither am I American nor is English my first language, which is why I had to look it up.)

  • @vicktorioalhakim3666
    @vicktorioalhakim3666 Před 8 lety +56

    I like how this video is making such trivial math operations seem like mystical "powers". :D
    Also, you have some problems in your math notation. You can't "multiply" two column vectors, unless you specify that you use a Schur product (element wise product). Also, in your vector matrix multiplication, why is the vector on the left side of the matrix, as opposed to the right? This is the first time ever I saw this notation, and I've red plenty of books/papers.

  • @nodelynk
    @nodelynk Před 10 lety +3

    That's some special edition matrix/vector notation right there... Anyhow, nice video! :)

  • @Shimmen
    @Shimmen Před 10 lety +6

    Can we get an uncut version of this?

  • @NeilRoy
    @NeilRoy Před 8 lety

    This took me a while to wrap my head around a while back. But I really love just how powerful matrix math is. Great video, and I loved your commend at the end. :)

  • @ykmukund
    @ykmukund Před 9 lety +3

    This is by far the only video I have seen that explains that the 3D translation is actually a shear in 4D and that 4D shear is a linear operation. Excellent video. A lot of people I asked regarding the usage of 4 coordinates, just said "use it, it works" :P
    But this was a very good explanation indeed. To anyone interested, the "trickery" is actually a new kind of co-ordinate system called homogeneous cordinates :-)

  • @darkangel2139
    @darkangel2139 Před 10 lety

    Awesome video. Would love to see the fast forwarded stuff in a continuation video :)

  • @Falcrist
    @Falcrist Před 10 lety

    I needed to come back to this video when I had time to really pay attention to it.
    I suggest that this is a VERY, VERY good thing. Most of these videos shouldn't be so complex, but some of them should go deeper. Very good video.

  • @supamap
    @supamap Před 10 lety

    awesome video!!
    i had seen matrix transformations in school and also realized that i couldnt translate with matrices... awesome trick with the shear!

  • @P4INKillers
    @P4INKillers Před 10 lety +3

    Hey, it'd be great if you guys could do a video on what quaternions are, and how they relate to transformations in graphics. Thumbs up!

  • @sergeys7603
    @sergeys7603 Před rokem +1

    Good tutorial. Very useful to understand matrix transformation.

  • @mattt2684
    @mattt2684 Před 6 lety

    Great video! Really had a great explanation!

  • @Ubeogesh
    @Ubeogesh Před 10 lety +8

    Thank you! Please more 3d graphics videos!

  • @ThomasGiles
    @ThomasGiles Před 9 lety +1

    Interesting stuff. I've known about matrices for a while, but it makes much more sense, now. Good job!
    Also, is there any chance that cut out bit will be posted at some point? I'm not 100% sure what it was he was doing in that bit, but I'd be interested to find out ;P

  • @peanutbuttersoldier8641
    @peanutbuttersoldier8641 Před 10 lety +1

    I've been trying to teach myself all this lately. This really helps :D

  • @DevAnomaly
    @DevAnomaly Před 10 lety

    Going for computer sciences in September, it's refreshing to see this.
    I'm mostly looking forward to writing my own engine for making video games or rendering 3D scenes that I have built in the past.

  • @PrimusProductions
    @PrimusProductions Před 9 lety +12

    The first one should be a 2 by 2 matrix pre multiplying the vector (without the cross symbol since that implies vector product).

    • @orth6340
      @orth6340 Před 8 lety +1

      +Primus Productions correct

    • @richardellard
      @richardellard Před 8 lety +10

      +Primus Productions Yeah, he's post-multiplying column vectors by matrices all over the place (which isn't even defined). He should either be using row vectors or premultiplying, unless graphics programmers decided to redefine matrix multiplication for some reason.

  • @pencilself
    @pencilself Před 6 lety

    sorry, could you tell me what video editor you use? Your voice remains the same during fast playback
    Thanks

  • @Harlequin314159
    @Harlequin314159 Před 10 lety +12

    Fantastic explanation. Not dull at all. Cheers!

  • @shadowxelnaga
    @shadowxelnaga Před 10 lety

    awesome episode. i love the episodes with mathematical explanation

  • @humedickie939
    @humedickie939 Před 9 lety +4

    This guy could be a time lord

  • @laban123321
    @laban123321 Před 10 lety

    Best editing seen in a long time =)

  • @Sparragus
    @Sparragus Před 10 lety

    Thank you! I love these videos. Here's a quick suggestion: On the video description it would be nice to have some links for further reading on the topic. :)

  •  Před 10 lety +12

    Awesome video. Please do more Computational Geometry videos.

  • @surysunny17
    @surysunny17 Před 9 lety +1

    I finally understand why that 1 shows up in transformations . Thanks!

  • @obiwanjacobi
    @obiwanjacobi Před 9 lety +1

    So that is how it works. I knew where to put the numbers for the desired transformations but never knew why. Now I do. Thanx!

  • @ispeakdiferit
    @ispeakdiferit Před 10 lety +4

    hello ! why you can't create a new folder , in windows , with the name "con" ? thanks.

  • @BrianTsuiKT
    @BrianTsuiKT Před 10 lety +2

    surprisingly, the math concepts used in computerphile is ever harder than numberphile

  • @lanetang1164
    @lanetang1164 Před 9 lety +11

    Is there anybody could tell me what kind of sketch paper he used in video? Thanks....

    • @Computerphile
      @Computerphile  Před 8 lety +15

      唐磊 it's similar to this: www.paperstone.co.uk/paper/listing-paper-computer/computer-listing-paper-1-part-11-inch-x-241mm-microperforated-plain-white-box-2000-sheets/p-25771 >Sean

  • @dinul117
    @dinul117 Před 10 lety

    wish the rotational formula wasn't skipped over, i was enjoying the way john was explaining everything!!

  • @bitmaxim
    @bitmaxim Před 10 lety

    Excellent treatment of an important, fundamental subject.

  • @DFX2KX
    @DFX2KX Před 10 lety +1

    I haven't seen some of those formulas in years... wow... nostalgia time!

  • @PatrickImboden
    @PatrickImboden Před 10 lety

    Please .. make a video with the complete explanation. .. I'm willing to chew into it. ..
    Love this channel

  • @jonathanfox5
    @jonathanfox5 Před 10 lety

    Really nice explanation, thanks!

  • @lobaxx
    @lobaxx Před 10 lety +7

    Having read Linear Algebra, it was interesting to see it applied. However, I doubt someone without any prior understanding of LA would get much out of this video...

  • @ashishdubey14Jan94
    @ashishdubey14Jan94 Před 9 lety +12

    nice video, but I think you wrote the matrices in wrong order during multiplication, please see for that as the order really matters !

    • @ykmukund
      @ykmukund Před 9 lety +2

      ashish dubey Yes! :-)

  • @ioefhsof25913
    @ioefhsof25913 Před 10 lety

    I love this videos so much having learned how to do this in the past brings so many cool memories :D thx for doing this videos :D

  • @jelsaipo
    @jelsaipo Před 10 lety

    When this guy explains, it makes me feel like I'm watching Doctor Who explain quantum mechanics.
    He dumbs it down as to where anyone can understand it, yet has a way to leave in complex thought patterns intact, well done sir!

  • @alexfortune9716
    @alexfortune9716 Před 10 lety

    Basics of Computer Graphics. And yet even though I knew all of this before, It was a pleasure.

  • @chromatosechannel
    @chromatosechannel Před 9 lety

    this takes me back.

  • @Slithy
    @Slithy Před 10 lety

    That's magnificent. In 15 minutes i understood more stuff about matrix(c?)es than my maths teacher could ever explain to me. Honestly, i've tried to understand what a matrix is. and i've asked my teacher "What would we use them for?". She couldn't answer, because she didn't know herself.
    Too bad we can't have guys like John teaching at every school.

  • @rasaratnamsubramaiam4010
    @rasaratnamsubramaiam4010 Před 10 lety +13

    I don't know why i'm watching this...

  • @fuzzyBSc
    @fuzzyBSc Před 10 lety +1

    I like seeing the old line feed paper being put to good use.

  • @Amunisify
    @Amunisify Před 7 lety

    Thank you so much. Helped a lot! :)

  • @musicalsimon
    @musicalsimon Před 10 lety

    this is great. would like to see an extension of the rotation talk going into quaternions

  • @GameDr04
    @GameDr04 Před 10 lety

    More of this guy!
    He's awesome.

  • @skinnyjohnsen
    @skinnyjohnsen Před 10 lety

    Thanks! I really enjoyed this .

  • @Lttlemoi
    @Lttlemoi Před 10 lety +2

    Could you please do a video about quaternions?
    I have never understood them, though I know that they are very important for rotations.

  • @AlexBayes
    @AlexBayes Před 10 lety

    Brilliant video, cheers.

  • @iismitch55
    @iismitch55 Před 10 lety +2

    correct me if I am wrong, but I do believe that there is an error with the formula at about 12:35. If he's doing down the columns like matrices are supposed to be done, the final line should be x*0 + y*0 + 1*1 instead of 1*0+1*0+1*1. No big deal in the grand scheme of things, but just a clarification for those who are watching.

  • @Dex4k
    @Dex4k Před 10 lety

    I think people lack the patience to simply pay attention, all maths used in this video is high school material. Excellent video!

  • @rogerfroud300
    @rogerfroud300 Před 8 lety +1

    Presumably the benefit of filling in the matrix with the calculated values of Cos(a) and Sin(a) is that in a displayed scene all of the triangles will use the same transformaton and therefore you only need to calculate them once?