The Vibeary — tag

glsl

20 resources in The Vibeary tagged "glsl" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.

Gems in this collection

Preview of Inigo Quilez useful functions

Inigo Quilez useful functions

Reference article cataloguing signal shaping functions like impulse, gain, parabola and cubic pulse with formulas and plots.

Inigo Quilez (@iquilezles)free
Preview of colormap-shaders

colormap-shaders

GLSL shader implementations of over 100 named colormaps for use in WebGL and GPU visualisations.

kbinani (@kbinani)MIT
Preview of glsl-noise gist

glsl-noise gist

Single-file collection of classic, simplex and Worley noise implementations in GLSL ready to paste into any shader.

Patricio Gonzalez Vivo (@patriciogv)open-source
Preview of glslViewer

glslViewer

Console-based GLSL sandbox and live renderer for macOS, Linux and Raspberry Pi with hot reload and headless image export.

Patricio Gonzalez Vivo (@patriciogv)open-source
Preview of Shader School

Shader School

Command-line workshopper with self-contained exercises teaching GLSL and WebGL fundamentals through failing tests.

stackgl / Mikola Lysenko (@mikolalysenko)MIT
Preview of GraphToy

GraphToy

Interactive plotter for GLSL-style math functions showing up to six formulas at once for shaping signals and curves.

Inigo Quilez (@iquilezles)free
Preview of The Book of Shaders

The Book of Shaders

Chapter-by-chapter guide to fragment shaders with a live GLSL editor embedded in every example.

Patricio Gonzalez Vivo & Jen Lowe (@patriciogv)free
Preview of Sedona Sunset

Sedona Sunset

First-person three.js walk through red rock buttes at golden hour, with every mesh, texture and sound generated procedurally in code.

@StarKnighttMIT
Preview of glslkit

glslkit

Ruby library that flattens GLSL #include directives and extracts uniform, attribute and output reflection into a JSON manifest at build time.

@kyuuka1228MIT
Preview of Abyssal Ocean

Abyssal Ocean

Real-time spectral FFT ocean in a single HTML file: WebGL2 and three.js, JONSWAP/TMA spectrum, three cascades, foam, caustics, underwater view.

@squall01337MIT
Preview of The Force

The Force

Browser live-coding environment for GLSL fragment shaders with audio reactivity, built for live audiovisual performance.

Shawn Lawson (@shawnlawson)open-source
Preview of awesome-glsl

awesome-glsl

Curated list of GLSL editors, playgrounds, debugging tools, frameworks and learning references in one page.

Ivan Vanderbyl / vanrez-nez (@vanrez-nez)open-source
Preview of NodeToy

NodeToy

Node-based GLSL shader editor that exports working shaders for Three.js and other WebGL pipelines.

Unknownfreemium
Preview of ShaderFrog

ShaderFrog

Online shader composer that visually combines and remixes existing GLSL shaders and exports them to Three.js.

Andrew Ray (@andrewray)free
Preview of Vertex Shader Art

Vertex Shader Art

Gallery and live editor where every artwork is generated purely from a vertex shader driving a point or line array.

Gregg Tavares (@greggman)free
Preview of LYGIA

LYGIA

Granular dependency-free shader library of noise, SDF, colour, lighting and filter functions in GLSL, HLSL, WGSL, Metal and CUDA.

Patricio Gonzalez Vivo (@patriciogv)open-source
Preview of GLSL Sandbox

GLSL Sandbox

Minimal online fragment shader editor and public gallery where every submitted shader can be forked and edited.

Ricardo Cabello / mrdoob (@mrdoob)open-source
Preview of KodeLife

KodeLife

Real-time GPU shader IDE for desktop and mobile with live reload, MIDI and OSC input and multi-pass pipelines.

Hexler (@hexler)freemium
Preview of Fragment Foundry

Fragment Foundry

Interactive scrollable fragment-shader tutorial where the shader recompiles live as you edit inline code.

Hugh Kennedy (@hughskennedy)open-source
Preview of PixelSpirit Deck

PixelSpirit Deck

Tarot-style card deck where each card carries a GLSL snippet, teaching shader techniques as a physical practice.

Patricio Gonzalez Vivo (@patriciogv)open-source