andrewray

This is a simple pixellation effect by flooring the uv coordinates to only sample from a grid. Note this image has artifacts because ShaderFrog currently uses mipmaps on the image.

Pixellation

Caustic Image Based

Toilet Flush Fork

This does not currently compose well due to a bug in the parser I'm investigating.

Based on this tutorial: https://en.wikibooks.org/wiki/GLSL_Programming/Unity/Toon_Shading works better on some primatives, worse on others.

Simple Outline Effect

Heat Shader

Speaker Sand Noise

Mandelbrot

Experiment in varying C every iteration of the mandelbrot test

Squishy Mandelbrot

Based on the THREE.js shader https://github.com/mrdoob/three.js/blob/5c7e0df9b100ba40cdcaaf530196290e16c34858/examples/js/shaders/FresnelShader.js this modifies the refraction vector based on the color input channel.

Refraction With Aberration

Mandelbort

Attempt at parallax but replaced tangent attr with normal attr since it's broken

Broken parallax

❗BROKEN because three removed tangents code https://github.com/mrdoob/three.js/issues/7094

Adapted from http://www.chandlerprall.com/2011/08/parallax-shader-for-webgl-threejs/ A parallax map effect is similair to a normal or bump map effect. It displaces the individual pixel height of a surface, so that when you look at it at an angle, the high points will obscure the low points behind them, making it look three-dimensional. Note this shader is a WIP.

Parallax Mapping (Broken for now)

Transparent Warp Speed

Ripple Crossfade

God Rays

This is copied from https://github.com/yomotsu/VolumetricFire/ and made more configurable. It's designed to work with a different blend mode which shaderfrog does not currently support

MIT license.

Volumetric Fire

Oh you know, just some animated triangles

Death, Triangles & Taxes

Test Define 1

Test Define 2

Tiling 4D Perlin Noise

Lake Ripples

Image CrossFade

Based off https://github.com/Erkaman/glsl-worley

Ruby Mine

Crappy Fire?

A texture map. Swap out any texture using the image uniform

Texture Map

A glow effect based on the normals of the object

Transparent Glow

Transparentize towards edge

Uses the Three.js ambient occlusion algorithm.

Blurred Squared Contrast Ambient Occlusion

Texture blend by color

Linear Contrast Ambient Occlusion With Blur

Dither Transparency

Charisma Logo

Based on Molten Noise. This is based on "fractal brownian motion" found in the editor http://pixelshaders.com/editor/ with 4d tiling noise referenced in the source. 

Metal Noise

BorderShader

Another way to do a checkerboard. Doesn't apply as well to a sphere. Check out http://shaderfrog.com/app/view/120 for the other variation.

Moire Checkerboard Pattern

Ocean Stackoverflow Test

Uses time as the third parameter for the vec3 input, creating animation. Implemented from the source code of https://github.com/ashima/webgl-noise/blob/master/src/classicnoise2D.glsl

"Simplex" 3D Perlin Noise

Uses a combination of fresnel, normal mapping, environment mapping, and vertex animation to create a reflective ocean effect.

Ocean Shader

Danger Noodle

Fake Water falling

Googley Eye

Temprance (Pixel Spirit)

Threejs r87 Morph Targets

Three r87 Skinning

just realized shaderfrog names can't start with numbers lol gotta fix that.

FourD Bubbling Cauldron

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.

andrewray's Bio

andrewray's Shaders (822)