2021/01/01-03 started the road to VJ!

What is this magazine?

I'm going to take notes and records of my learning history of GLSL/WebGL so that I can keep learning on this topic :)
The reason why I've started learning GLSL/WebGL is to be VJ live coder this year.  
One of my goal in 2022 is to be in creators' side :)

This series of notes won't be so rich contents(just a memorandom), so please don't expect too much.

Thoughts

It looks that knowledges needed for WebGL is a little bit different from ones for VJ? anyway, will finish a book I'm reading now since the basics are the same.

GLSL is kind of art of math. it's fan as expected.
On the flip side, as it's "math", it requires knowledges of math to some extent lol  no shortcut in learning path, I know

By the way, the thumbnail of this posit is my first picture made by WebGL! 
It's far away from my goal, but it's ok, first step is always small for everyone.

Progress

• Real-Time 3D Graphics with WebGL 2

  • ch1, ch2

• WebGL2 Fundamentals

  • Fundamentals

Notes

• what is GLSL

  • GLSL is a programming language that runs on GPU.

  • it has two kinds of "shaders"

    • Vertex shader, which decides coordinates of vertex/points

    • Fragment shader, which decides the color of each pixels(fragments) on the surface made by vertex

• what is WebGL

  • it's a tool that depends on GLSL and just renders 2D/3D from vertex definitions(coordinates, colors, normals, etc)

• How to render primitives

  • buffer, attribute, vertex array

  • VBO, IBO

  • uniform, texture

• how to define shinings

  • it's a just other way of deciding colors of each pixels.

  • To decide colors with considering lights, there are several modelings

    • where to calculate: Gouraud vs Phong

    • how to calculate: Lambert vs Phong

Next

• write codes for 4 combinations:

  • Gouraud * Lambert

  • Gouraud * Phong

  • Phong * Lambert

  • Phong * Phong