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