In this video, I show you how to implement a simple GLSL shader in Three.js. We use a ShaderMaterial instead of a MeshBasicMaterial to render a cube in Three.js. Shaders let you customize the look of your 3D objects by altering the geometry using Vertex shaders, showing gradients on your mesh using Fragment Shaders and much more. 🛑 This video is NOT an introduction to shaders.
Would this be possible using express.js? i've tried and its not working, just gives me this error : Failed to vertex.glsl:1 load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec.
OMG, you made my day! Can't thank you enought! Excellent tutorial (:
You're very welcome!
Hi, thanks for this tutorial. I would like to know more detailed explanation about shaders. 😃
x2
yes i need more of shader in three js
great content!!
In this video, I show you how to implement a simple GLSL shader in Three.js. We use a ShaderMaterial instead of a MeshBasicMaterial to render a cube in Three.js. Shaders let you customize the look of your 3D objects by altering the geometry using Vertex shaders, showing gradients on your mesh using Fragment Shaders and much more.
🛑 This video is NOT an introduction to shaders.
@Z3U5 Actually I was trying it out yesterday. The installation step itself was so complicated man.
Good Job Mate! a basic intro to shaders would be good, an explanation of the syntax and what it does,, for someone who doesn't know "C/C++ .
Hi Rajat, what is best in performance between three.js and babylon.js
Three.js using WebGL and Babylon.js using WebGPU
Would this be possible using express.js? i've tried and its not working, just gives me this error : Failed to vertex.glsl:1 load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec.
Is there any way for the shaders code to have syntax highlighter? ...it's horrible having to look at this colorless string
I was looking for the same thing when I was making this tutorial but couldn't find anything.
I found out a great vscode extension for that. My eyes were grateful.
"Comment tagged templates" from Matt Bierner.