From the course: Learning 3D Graphics on the Web with Three.js
Unlock the full course today
Join today to access over 24,400 courses taught by industry experts.
Other shaders - JavaScript Tutorial
From the course: Learning 3D Graphics on the Web with Three.js
Other shaders
- [Instructor] You are not only limited to the shaders that are available inside the Examples folder of Three.js. There are other shaders that are published by the developers of the Three.js community. One such shader I came across is the Bad TV shader by felixturner. Here's the page for that shader. On this page, you can find the demo for this effect. As the name suggests, this effect adds a TV-like distortion to the scene. Inside this demo page, you could be playing with the parameters of the shader to see what kind of effects that you can be generating using the shader. So here you could be adding a thicker distortion or a finer distortion. You could be decreasing the RGB shifts, or maybe you could be decreasing the roll speed that's happening right now. I won't be using this shader in my scene file, but I wanted to show you that you are not limited to using the shaders that are included in the Three.js examples folder, but you could also be using those that are from the community…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.