📕 three.js Bookshelf

[ben]

Shaders

Sites

• Jam3
• OpenGL ES Shading Language functions, used for WebGL/Three.js shaders
• Chrome Shader Editor
• Shader Compliance
• What tools do you use to create shaders for your three.js projects? - #12 by wwwonka

Books

The Book of Shaders

Amazon.com: OpenGL 4 Shading Language Cookbook: Build high-quality, real-time 3D...

Three.js Example

Clipping Box (shaders)

Hi community! Here is a picture: [BoxesOfVisibility] And here is a working example: This topic is related to the other one: The difference is that in this example I use a box for visibility. It has more parameters than a sphere, thus I use a structure (as I’ve never used it before, so I’ve gave it a try ), passing it to the shaders. Just to clarify: points are static, only the box of visibility moves through them.

GLSL = OpenGL Shading Language

Introduction to writing GLSL

WIP but it has code, the idea is to explain the parts we can affect with GLSL while still keeping the webgl boilerplate automated. So it touches a bit on the geometry and slowly introduces shaders, not sure if this approach is right for explaining:

• Learn GLSL Shaders from Scratch