Three.js Shaders Tutorial (part 2/2) | GLSL Shaders with Uniforms and Varying

== [ Resources ] ==

== [ Timestamps ] ==
00:29 Refactor GLSL Shader Code
01:17 Set up GLSL Uniforms
03:05 Vertex Shader with Uniform
04:35 Fragment Shader with Uniform
05:24 Varyings in Pixel Shader

== [ Tags ] ==
#suboptimal #threejs #shaders

[supremebeme]

omg youtube algorithm came through clutch here... glad I found you!

[ffffffffffy]

Best tutorial for shaders hands down! You make it very digestible

[prodbyryshy]

i appreciate you spending time on the vertex shader, most tutorials focus on the fragment shader, the vertex shader is also very interesting to me!

[TomdeVisser-hx]

This was a very nice introduction, would love some more parts, thank you

Greta tutorial! hope there will be more advanced shader tutorials coming

[blokche_dev]

Nice! Thanks for sharing. Short and clear.

[HuynhLuong]

GLSL of your is pro, thanks for sharing

[sherrywang]

Thank you so much! It's really helpful for my assignment.

[roddlez]

If your goal is to move towards being able to build a metaverse client, I suggest that you attempt to make a data-driven 3D engine. Currently, these demos have hard-coded scenes where the 3D meshes, shaders, etc are programmed directly into the app.

I suggest that your next step should be choosing (or creating) either a data format or high-level language and then generating the scene from that (this is truly the big step from "I can make 3D appear on screen" to "this is a graphics engine.")

Adding support for shaders to that will also be nice; for a minimally viable product, you could just have a diffuse shader that samples from an image file, and later on add support for something like PBR (physics-based rendering catches a fairly good chunk of the materials that skilled artists will use).

The next step is providing support for interactivity to those 3D elements (with javascript), and later on down, support for a user's avatar (user presence within the scene and interaction), and then the harder work comes with network support (separation of client and server) plus object synchronization.

If you can tackle all that, pat yourself on the back, you have a minimally viable metaverse engine.

[RoniStudio]

Nice tutorial, Can you make tutorial to apply texture from screen space to uv of a mesh?

[saubockmcgiver]

This really helped me thank you! Might be kind of a silly question, but can you tell me the name of your vscode color scheme?

[ahmadsaerozi]

Hi, are you know how to make shader material can receive shadow?

[nskvJaguarzz]

Very cool video! Would you be able to use varying to pass the mouse position into shader and make it interactive?