Introduction to Phong Lighting

Поделиться
HTML-код
  • Опубликовано: 25 ноя 2024

Комментарии • 56

  • @justanotherhotguy
    @justanotherhotguy Год назад +6

    Tomorrow exam in real time computer graphics, thank you very much!

  • @Byynx
    @Byynx Год назад +12

    It seems the best lightning tutorial so far.

  • @AstrusHD
    @AstrusHD Месяц назад +1

    Honestly, i think your teaching style is awesome, everything was so clear and understandable. This is awesome man!

  • @stoup8778
    @stoup8778 Месяц назад

    dude i have not been able to process the learnopengl tutorials on this topic, this made it so much easier to understand!

    • @SuboptimalEng
      @SuboptimalEng  Месяц назад

      Thanks! I feel that the learn OpenGL tutorials focus more on teaching the graphics API itself. I try to focus on teaching the math and theory behind shaders.

  • @JackLeiLing
    @JackLeiLing 7 месяцев назад +2

    Liked and subscribed! The most clearer explanation for this difficult topic. Super helpful. Many thanks

    • @SuboptimalEng
      @SuboptimalEng  7 месяцев назад

      I made the video because I was learning phong lighting and struggled to understand it. Glad it helped!

  • @glebaltfromrovia9898
    @glebaltfromrovia9898 3 месяца назад

    insanely simple and straight to the point! thanks

  • @Iridium.
    @Iridium. 11 месяцев назад +6

    You can use a halfway vector instead of reflect for better performance

    • @SuboptimalEng
      @SuboptimalEng  5 месяцев назад +1

      Recently learned about this watching Cem Yuksel’s Utah course!

  • @online.python.dersim
    @online.python.dersim 5 месяцев назад

    Thank you very clear simple but enough detailed explanation especially graphics of the calculations are very useful thank you again for this great video

  • @ksalarang
    @ksalarang Год назад +1

    Exactly what I was looking for, thanks. Keep up the good work

  • @OrgStinx
    @OrgStinx Год назад +2

    Thanks, I appreciate this.

  • @pingwinek_1337
    @pingwinek_1337 Год назад +1

    your voice is so soothing oh my gawddd

    • @SuboptimalEng
      @SuboptimalEng  Год назад +1

      Guess I’ll have to start an ASMR channel now jk… unless 🤔😂

    • @pingwinek_1337
      @pingwinek_1337 Год назад

      @@SuboptimalEng UNLESS

  • @susussususuususuusuuususussusu
    @susussususuususuusuuususussusu 5 месяцев назад

    life changing lesson :0

  • @irice7
    @irice7 3 месяца назад

    awesome video. also, what theme did you use for vscode?

    • @SuboptimalEng
      @SuboptimalEng  3 месяца назад

      Thanks! I mainly use a customized version of gruvbox dark. The exact details are in my GitHub dotfiles repository.

  • @calderarox
    @calderarox Год назад

    this is a really good video! thanks

  • @thesituation5315
    @thesituation5315 Год назад +2

    Hi. I've been trying to learn how lighting works, and I'm having a really hard time with this. I understand the base of the whole idea, but the part I'm having a hard time with is how to make it work in 2D. I was wondering if you know how to port it to two dimensions? I can't really find anything online specifically regarding 2D phong shading.

    • @OrgStinx
      @OrgStinx Год назад

      Do you mean lighting in 2D world (e.g. for 2d games) or how to cast 3D world to 2D screen?

  • @nebuladevelopments
    @nebuladevelopments Год назад

    awesome!

  • @MrMariozzz78
    @MrMariozzz78 7 месяцев назад

    i use opegl in dev c++ gl library i guess it pre 2.0 so it dont use GLSL ...can i use phong light with 2.0 pre.version?

  • @EliasWolfy
    @EliasWolfy Месяц назад

    kind of off topic, but what theme do you use?

    • @SuboptimalEng
      @SuboptimalEng  Месяц назад

      A customized version of gruvbox dark 😎

  • @janreinsch9725
    @janreinsch9725 7 месяцев назад +1

    So, what I found confusing is that the vector is named lightSource... Isn't this actually the lightDirection and the lightSource is at a point infinitely far away, so that all light rays hit the scene at the same angle?

    • @SuboptimalEng
      @SuboptimalEng  7 месяцев назад

      Yea that’s a good question. I think a better name for the variable would be direction to light source from origin.

    • @janreinsch9725
      @janreinsch9725 7 месяцев назад

      @@SuboptimalEng Thanks for your answer! I named it relativeLightPos in my exercises, because that gives me the intuition that the light is always coming from the same direction for all objects of the scene

    • @SuboptimalEng
      @SuboptimalEng  7 месяцев назад

      @@janreinsch9725 That's great to hear! Happy to help a fellow graphics enthusiast.

    • @janreinsch9725
      @janreinsch9725 7 месяцев назад

      @@SuboptimalEng Thank you for these tutorials!

  • @nexusplus4960
    @nexusplus4960 Год назад

    Hi when I import model in three js. model load with light what should I do??

  • @konigsberg72
    @konigsberg72 Год назад

    what's the song? 00:00

  • @javifontalva7752
    @javifontalva7752 Год назад

    Wonderful vid!! Can you make more vida on shaders?

  • @MichaelPohoreski
    @MichaelPohoreski Месяц назад

    1:23 Phong lighting _hasn’t_ been common for the past decade. The problem with Phong is that it isn’t energy preserving.
    Using a physically correct BRDF replaced it.

  • @diddy_dante
    @diddy_dante Год назад

    If fragment shaders work on a pixel by pixel basis, does the rasterizer also give eye-direction vector values for each pixel? I can't understand how else you could pull off specular lighting.

    • @SuboptimalEng
      @SuboptimalEng  Год назад +1

      I fake the eye direction in the code, setting it to -1 in the Z axis.

    • @MichaelPohoreski
      @MichaelPohoreski Месяц назад

      In the fragment shader you usually pass in the eye position as a uniform.
      Reading the Z Buffer you can reconstruct the fragment’s x, y, z position.

  • @AllianceHalifax
    @AllianceHalifax Год назад +1

    where is the duck model in the code?

    • @SuboptimalEng
      @SuboptimalEng  Год назад

      The duck model is included in the VS Code extension! I made a video explaining how to set it up 🙂

    • @ku16610
      @ku16610 10 месяцев назад

      Yes but not explaining how to show the duck model ......
      @@SuboptimalEng

    • @ku16610
      @ku16610 10 месяцев назад +2

      Click on the glslCanvas left most icon at bottum to change object

    • @EliasWolfy
      @EliasWolfy Месяц назад

      this is a shader being applied to the duck

  • @alberoDiSpazio
    @alberoDiSpazio Год назад

    There's a Monopoly Game app that has that duck, fully shaded.

  • @kevinto8955
    @kevinto8955 Год назад +1

    Yes more shaders! Curious, what was your roadmap for learning all this? I'm reading through the book of shaders, but once I'm off it, I feel totally lost :(

    • @SuboptimalEng
      @SuboptimalEng  Год назад +2

      I started with the book of shaders and got stuck as well. Good to hear I’m not the only one who felt this way tbh.
      SimonDev’s GLSL shader course helped me learn a lot more quickly! I’ve talked about this more extensively on Twitter.
      And yep, I plan to make more videos on shaders 😊

  • @inhtrungkien3745
    @inhtrungkien3745 3 месяца назад

    I’ve discovered that this method was made by a Vietnamese man, and his name is Phong

    • @SuboptimalEng
      @SuboptimalEng  3 месяца назад

      Computer graphics legend.

    • @inhtrungkien3745
      @inhtrungkien3745 3 месяца назад

      @@SuboptimalEng btw your accent is so attractive, I would say it’s totally nothing like a typical indian accent

  • @singlebw4065
    @singlebw4065 Месяц назад

    Ничего не понятно, но очень интересно. Это не для начинающих.