Quick Understanding of Homogeneous Coordinates for Computer Graphics

Поділитися
Вставка
  • Опубліковано 16 лис 2024
  • Graphics programming has this intriguing concept of 4D vectors used to represent 3D objects, how indispensable could it be so that every 3D graphics API force it on its users ?
    Follow me on social media to learn more about computer graphics or the other projects I work on.
    Twitter x.com/Miolith_
    ShaderToy www.shadertoy....

КОМЕНТАРІ • 105

  • @guilhermecampos8313
    @guilhermecampos8313 9 місяців тому +74

    After seeing many videos here on UA-cam, I finally understood Homogeneous Coordinates and Projection Matrix thanks to you

  • @boggybolt6782
    @boggybolt6782 4 місяці тому +38

    Came in thinking I'd get an explanation on why we have 3D and 4D vectors (already knew), instead got an explanation on how the math behind 3D rendering works (did not know). Amazing!

  • @Tsura1998
    @Tsura1998 3 місяці тому +4

    This summarized in 7 minutes what my prof couldn't teach me in 3 days... amazing job!

  • @teh1archon
    @teh1archon 2 місяці тому +3

    Hands down, that was the best explanation for this I've ever seen.

  • @Nallu_Swami
    @Nallu_Swami 4 місяці тому +11

    DUDDDEEEE you have no idea how much the video has helped me out to think of multiplications visually , THANKS A LOT

  • @toonlink9608
    @toonlink9608 11 днів тому +1

    You explained this far better than my professor did, thank you so much

  • @thygrrr
    @thygrrr 4 місяці тому +13

    This is a really good explainer that connects some bridges that after 25 years with OpenGL coding I still hadn't built an intuition for.

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

      check out 3b1b's course on linear algebra. its very underrated and very helpful to visualize and understand vectors an vector transformations

  • @HartleySan
    @HartleySan 4 місяці тому +7

    I think this is the video that finally made all of this click. Thank you so much!

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

    This is so high quality for being your only video uploaded!!! More please!!!

  • @CoconutKhajiit
    @CoconutKhajiit 4 місяці тому +3

    Dude, this video was very clear, while also having all the mathematical details, brilliant!
    Make more!

  • @orphansock8439
    @orphansock8439 4 місяці тому +3

    Wow! What an absolutely outstanding video! This by far the best explanation I've ever come across.

  • @klaus-udokloppstedt6257
    @klaus-udokloppstedt6257 14 днів тому

    this clip lives up 💯% to its title, up to the very last sentence, giving an explanation why it is called homogenous. 👍

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

    this is the only video for your channel
    and it's awsome

  • @03-AALIYAH
    @03-AALIYAH 4 місяці тому +9

    Purely directional vectors (homogeneous coordinates with w = 0) can also be used to represent points at infinity. This is useful for simplifying intersection computations - the intersection of e.g. two parallel lines is a point at infinity, not "no point". If you really want to go nuts, you can extend the coordinate system to lines and planes (which also get easy intersections and even unions, e.g. find the line passing through two given points), and introduce rigid transformations (quaternions and dual quaternions), which have nice properties for rigid body physics and skeletal animation. The result is called projective geometric algebra, which provides a unified representation and a simple set of operations for all of these objects. Quaternions are not actually magical!

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

      Where can I learn more about this stuff?
      I, too, found it surprising that projective geometry has not been mentioned the single time in this video, considering how much it is tied to homogeneous coordinates. And yet no one seems to be explaining that connection when talking about homogeneous coordinates in 3D graphics.

  • @theman7050
    @theman7050 4 місяці тому +5

    Now I understand why the heck they all multiply x and y by w!!
    Thank youuuuu

  • @beegdigit9811
    @beegdigit9811 3 місяці тому +18

    Bro made a professional YT icon, banner and 1 video and just said f it xd

    • @hamzaf19
      @hamzaf19 28 днів тому

      Lmfaooo underrated comment

  • @jahbini
    @jahbini 10 місяців тому +8

    You explained this topic much better than Jim Blinn

  • @Byrns5512
    @Byrns5512 5 місяців тому +4

    Best and most concise explanation I’ve seen yet 🙏

  • @DahVeeDeeOh
    @DahVeeDeeOh 7 місяців тому +2

    Thank you so much. I was not making headway understanding homogeneous coordinates either by my professor's lecture or readings. Everything is clear after watching this video.

  • @chrischoir3594
    @chrischoir3594 4 місяці тому +2

    Best explanation on YT

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

    Awesome explanation! Thank you for the effort!

  • @mykytahorbenko6794
    @mykytahorbenko6794 8 місяців тому +3

    Awesome explanation. Thank you!

  • @naishalsuvagiya
    @naishalsuvagiya 11 місяців тому +14

    Good animation plus explanation, 👊
    Keep it up you will surely make great in future😊

  • @dn275
    @dn275 2 місяці тому

    Great video! I’d love to learn more from you. I hope you end up making more videos.

  • @Abon963
    @Abon963 8 місяців тому +2

    Excellent!

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

    just beautifully succinct. bravo!❤

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

    Thank you for the informative vid! Hope your channel does more eventually!

  • @javisda1997
    @javisda1997 10 місяців тому +3

    Really nice video and animations. Keep it up!

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

    There is another use case. By setting w=0 you can represent vertices at infinity. If you want to implement e.g. shadow volumes (not shadow maps, this is different), where the geometry shader moves vertices to infinity, you can actually do that by setting the value to (x y z 0). You don't get a division by 0 error from the gpu. I've never tested the performance of this though.

  • @gianlucanordio7200
    @gianlucanordio7200 6 місяців тому +2

    Crazy quality and explaination for a video of a channel with 497 subscribers (well 498 now). Good job :D

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

    Best video on the topic

  • @zypeth4634
    @zypeth4634 5 місяців тому +3

    WOWWWWW, This was amazing!!!!!! Very clear :)

  • @victorcesar5698
    @victorcesar5698 25 днів тому

    Amazing video! Thank you so much!

  • @rodrigolanesmeneses
    @rodrigolanesmeneses 2 місяці тому

    Amazing video! Also, that was a great use of the 3Blue1Brown's Manim library for design

  • @TheJara123
    @TheJara123 9 місяців тому +4

    Wonderful

  • @hkdfl-nu3bd
    @hkdfl-nu3bd 3 місяці тому +1

    Awesome Explanation
    🫡❤❤🫡

  • @S1625-u1r
    @S1625-u1r 3 місяці тому

    Very good explanation, thank you

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

    really nice video, thanks for sharing your knowledge!

  • @abnereliberganzahernandez6337
    @abnereliberganzahernandez6337 8 місяців тому +1

    this things are weird at first but the more you work on them the more sense they make to you

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

    this is an amazing video! thank u!

  • @bharath2633
    @bharath2633 7 днів тому

    Thank you for the explanation! The video is very helpful :)

  • @ComputerGuru-tk2hg
    @ComputerGuru-tk2hg Місяць тому

    This is so awesome made fall in love with limnear algebra my lecturer made it hell you made it heaven

  • @Necrozene
    @Necrozene 5 місяців тому +2

    I think you nailed it.

  • @imil6798
    @imil6798 2 місяці тому

    Terima kasih. Ini yang saya cari selama ini.

  • @samueldeandrade8535
    @samueldeandrade8535 8 місяців тому +1

    Wow. This video is very, very good.

  • @mrshodz
    @mrshodz 6 місяців тому +1

    Excellent communication.

  • @louis-etiennemessier8003
    @louis-etiennemessier8003 6 місяців тому +1

    great stuff! Thanks!

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

    Amazing video, thank you man

  • @egorsozonov7425
    @egorsozonov7425 4 місяці тому +2

    On 3:10 I think you’re wrong. Sure, this removes the need for vector addition, but now each multiplication is slower. Multiplying 3x3 matrices requires more than 2x operations that 2x2 ones, and you’re doing three such multiplications vs only one addition! So I think this has detrimental effects on performance, in fact

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

      I get your point, but you're disregarding the fact that hardware is extremely optimized for these operations. The ability to perform all transformations with a single matrix outweighs the cost of the additional multiplications, especially in the context of graphics programming (as is explained in the video). These computations are performed per-vertex in parallel, and for very dense meshes, i.e., high vertex count, it really adds up.

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

      Yeah, in non-ideal world any matrix multiply operation takes O(3^3) time. But on modern computing times uses better algoritms, that done that in O(3^2.1-2.5) operations, that not that really worse that O(2^3) in naive case for 2x2 matrixes. And benefits of using them in worth it.
      And that same for 3d space. Like, while in naive case we got O(3^3 = 9) operations per 3x3 matrix multiply, in actual hardware we got O(4^2.375 ~~ 27), while in naive case we got O(4^3 = 64) for 4x4 matrixes. Bad, but not much worse that in can be. And dont forget, any computer VERY good at addition and multiplying

    • @bonbonpony
      @bonbonpony 2 місяці тому

      The GPU has dedicated circuitry for 4×4 matrices that pretty much does all these multiplications in parallel, so it doesn't matter if you use the full 4×4 matrix or just a 3×3 or 2×2, it will use the entire circuit anyway and there will be no speed difference.

    • @stal1n63
      @stal1n63 2 місяці тому

      @@bonbonpony but isn't there potential work reduction, processing 2x2 matricies in 4x4 logic circe?

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

      SIMD

  • @passionatechristianworker
    @passionatechristianworker 2 місяці тому

    very helpful, thank you!

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

    Thank you for the excellent explainer. Now I know how the view frustum works. But for the life of me, I can’t figure out why it isn’t done with spherical coordinates. Frustums (frusta?) as currently implemented in… every game engine I know of… project from a euclidean plane onto a euclidean plane, which means that when the camera rotates, objects can clip in and out of the frustum. In a spherical analogue, this would not be the case.

  • @suheladesilva2933
    @suheladesilva2933 9 місяців тому +1

    Great video, thanks a lot.

  • @GG-vl7lh
    @GG-vl7lh 11 місяців тому +1

    Great first video !

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

    The 3blue1brown of computer graphics. Looking forward to more!

  • @JorneRichard
    @JorneRichard 2 місяці тому

    Thanks a lot! this is really helpful!

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

    Great work! Keep it up!

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

    I now have the knowledge... no one can stop me now

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

    Really excellent video

  • @kavourakos
    @kavourakos 7 місяців тому

    best video on homogeneous coordinartes

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

    i used to think 4th "w" is only necessary for unit "direction" or "location" transformations, i didnt know it also used for projection with only activating "z" to 1.. thanks

  • @misspps_
    @misspps_ 27 днів тому

    best explanation

  • @drancerd
    @drancerd 4 місяці тому +2

    Ok... now we need a full course of quaternions.

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

    This was great

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

    BRO U THE GOAT MANNN

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

    Amazing video! Thank you so much.
    Btw with what software did you do it??

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

    it resembles a LOT the Denavit-Hartenberg projection used in robotics

  • @idontknow-wl6su
    @idontknow-wl6su 4 місяці тому

    Nice video :D

  • @gerard-nagle
    @gerard-nagle 10 місяців тому +2

    Really cool, enjoyed it. How did you create the graphics for the video, really clean and smooth

    • @MiolithYT
      @MiolithYT  10 місяців тому +4

      It's made with a python library called Manim

    • @gerard-nagle
      @gerard-nagle 10 місяців тому

      @@MiolithYT thanks for the reply, appreciate it. Seems like Manim will be a project for 2024.

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

    you should have said how would you transalte it when doing with multiple transformation

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

    great video

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

    You are amazing

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

    could you explain what the "~" at 5:11 means? Also, the last component represents how much we're translating by like you said earlier, no? How exactly is it the case that the last component being y mean everything will eventually be divided by y (and same question about z in the next example)?

    • @MiolithYT
      @MiolithYT  4 місяці тому +2

      The ~ sign means that both expressions are equivalent even though the values in the vectors are different. The last component is not a translation factor, it's a coordinate we add to enable translation with matrix product as opposed to translation by sum of vectors. As for the division, this is just how homogeneous coordinates are designed, you need to divide all vector components by the homogeneous component (when it's not 0) to get back the original vector values in its non-homogeneous space (or in the homogeneous space with 1 as the last component)
      Hope this helps 😊, I suggest you watch the video again more thoroughly as most of your questions were already answered in it

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

      @@MiolithYT hmm, i see, thank you for the clarification. Awesome video btw, it rlly helped me out!

  • @MyKarcio
    @MyKarcio 18 днів тому

    How you do this amazing montage with animations? It's manim ?

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

    subscribed!

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

    buddy nice work could you make videos on david c lay linear algebra , it is well known book in this area

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

    Brilliant... please take my money and make a graphics course?

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

      Haha thanks I wish I had time for that

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

    cool, makes sense when i think about it but you lost me around 4:40, not sure that part made sense, whats the "original vector" that youre talking about here?

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

      By "original vector" I mean the non-homogeneous representation, the one you can actually use to draw your vector on a grid, which is equivalent to the same vector with 1 as the homogeneous component.
      It's a bit like fractions: two numbers meant to represent a 1D number, and you divide the numerator by the denominator to get back the "original" real number, which is equivalent to the same number in a fraction with 1 as the denominator

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

      @@MiolithYT ah ok, understood, thanks for the explanation!

  • @L.Mandrake
    @L.Mandrake 4 місяці тому +1

    Homo-genius!

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

    Am i the only one questioning why we even use matrices? Is it purely for visualizing the math?

    • @hambonesmithsonian8085
      @hambonesmithsonian8085 6 місяців тому +1

      They’re an amazing condensing tool for representing information. You simply need to practice with them versus trying to handle entire systems of equations and you will very quickly see what I mean. Especially when it comes to tensor manipulation and Einstein summation notation.
      So TLDR, yes, but not without merit. Matrices are not intuitive at first.

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

      So, you could work without them but it'd get really tedious

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

      @@xseis.Actually, there are a lot of things, like SVD and eigenvalues/eigenvectors, that aren't really possible without matrices

    • @bonbonpony
      @bonbonpony 2 місяці тому

      @@MusingsAndIdeas Unless you're working with differential operators and their eigenvalues & eigenfunctions - then matrices won't help you anymore, because they would have to be infinitely-dimensional :q

    • @bonbonpony
      @bonbonpony 2 місяці тому

      @xseis: We use matrices because they allow us to ignore all the unnecessary intricate details of equations and focus on just what's important: the coefficients. Matrices put all those coefficients in a nice table of numbers that we can crunch with computers easily. Also, they unify all sorts of different transformations, so instead of using different expressions for different transformations, you use matrix multiplication as one tool that does them all in the same way.

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

    TL;DW: 4D matrices help computer to do perspective, so that why can visualize parallel lines that meet at the horizontal line, like our eyes capture.

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

      Furthermore, transformations (matrix mul., without vector addition) in nD made possible by using (n+1)D matrices. That's why 3D objects need 4D matrices to work out in computer graphics.

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

      Man, 1 month grinding Computer Graphics for the final exam for an A now really helps

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

    We make numerous interpretation errors when we do not develop adequate and corrected forms of observation, not necessarily the result of the use of machines, but naturally in our brain. This video is useful even to improve interpretations of quantum mechanics as a multiplier of the potential of the mind. This is my opinion that AI and others technologies, however modern, naturally serve to expand our abstract mind and enable creative tours through Hilbert space. Our brain commands technology, it only warns us about the need for more enhanced directions.

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

    You failed to explain why it is required. But everything else is great.