Visualized normals coordinates with a very simple shader.

Normals Visualized

andrewray

lightPosition_1767314007501_51866

lightColor_1767314007501_51866

specular

Phong Light

scale_1767314006035_50644

texture_1767314006035_50644

radius_1767314006035_50644

spread_1767314006035_50644

speed_1767314006035_50644

Multicolored dots in a grid or random arrangement (tweak the spread parameter), based on sampling an image. Based on the GPU gems chapter https://a248.e.akamai.net/f/248/10/10/http.developer.nvidia.com/GPUGems/gpugems_ch20.html

Something is wrong here, not sure what.

Polkadots Randomized

waveWidth_1767314005818_50402

waveHeight_1767314005818_50402

image

speed_1767314005818_50402

contrast_1767314005818_50402

color

Simple ocean

shininess

pointLightColor_1767314005799_50374

pointLightPosition_1767314005799_50374

pointLightDistance_1767314005799_50374

pointLightDecay_1767314005799_50374

wrapRGB_1767314005799_50374

Early experiment extracting the raw Three point light from the phong material type.

Three.js Point Light

Procedural Marble

resolution

speed_1767314004943_49541

baseRadius_1767314004943_49541

backgroundColor_1767314004943_49541

brightnessVariation_1767314004943_49541

colorVariation_1767314004943_49541

variation_1767314004943_49541

Imported from https://www.shadertoy.com/view/MljSzW and made configurable.

Fluid Circles

teeth_1767314004482_49038

speed_1767314004482_49038

innerDiameter_1767314004482_49038

toothHeight_1767314004482_49038

Based on http://glslsandbox.com/e#27870.0

Interlocking Gears

speed_1767314004425_48951

brightness

noiseImage_1767314004425_48951

distortion_1767314004425_48951

An animated image based noise pattern. Inspired by https://www.shadertoy.com/view/ldlXRS

Water Fog

iChannel2_1767314003931_48482

iChannel3_1767314003931_48482

iChannel0_1767314003931_48482

iChannel1_1767314003931_48482

mouse_1767314003931_48482

Imported from https://www.shadertoy.com/view/XsjGRd

Kepler 256o By Otavio

width_1767314004830_49400

radius_1767314004830_49400

fadePerecent_1767314004830_49400

antialias_1767314004830_49400

Loading Spinner

amplitude_1767314005837_50427

speed_1767314005837_50427

frequency_1767314005837_50427

highlightIntensity_1767314005837_50427

highlightColor_1767314005837_50427

lowerBound_1767314005837_50427

wavetexture_1767314005837_50427

Based on Wiggly Improved http://shaderfrog.com/app/view/142 this tapers the effect to the top half of the object.

Ripple

Imported from https://www.shadertoy.com/view/lsy3Rh

Test Universe

speed_1767314003438_48059

backgroundColor_1767314003438_48059

flowSpeed_1767314003438_48059

Transparent Tiling Caustic

texture1_1767314006460_50998

texture2_1767314006460_50998

multiplier_1767314006460_50998

Horizontal 2 Color Graident

colorStrength_1767314003073_47678

Include this shader to get Three.js vertex colors passed to your shader from the attribute "color."

Three.js Vertex Colors

With this shader, you can scale the box in any direction, and the UVs will update

UVs Based on Scale

lightPosition_1767314002063_46647

lightColor_1767314002063_46647

More for demonstration purposes than anything, this light is a simple dot product calculatin of the normal and the light position

Dot product effect

uvScale_1767314002222_46805

uvOffset_1767314002222_46805

colorFront1_1767314002222_46805

colorFront2_1767314002222_46805

colorRight1_1767314002222_46805

colorRight2_1767314002222_46805

colorTop1_1767314002222_46805

colorTop2_1767314002222_46805

Applies a gradient to each cardinal direction, X, Y, and Z. Uses world space (see the vertex shader) to calculate where the gradient is. Similar to how monument valley shading works.

World-Based Gradients

lightPosition_1767314003114_47707

lightColor_1767314003114_47707

Basic Texture

Search Shaders