Creative Coding

Open source, live graphics, Swift framework, powered by Metal.

HTML5 framework for making generative artwork in JavaScript and the browser.

Open source, live graphics, async / await, Swift package, powered by Metal.

Granular and multi-language (GLSL, HLSL, WGSL, MSL and CUDA) shader library designed for performance and flexibility.

A web development environment for creative coding.

Programs as graphs and graphs as compositional tools for creation

JavaScript 3D library.

Functional WebGL.

A WebGL tool set.

complete JavaScript framework for building 3D games with HTML 5 and WebGL.

A Tiny WebGL helper Library.

WebGL2 Components for Data Visualization.

JavaScript 3D library (WebGL).

Lightweight 3d physics engine for javascript

Direct port of the Bullet physics engine to JavaScript using Emscripten.

Motion design library with visual tools

Realtime preview tool for projection mapping.

App to live code GLSL graphics.

A collection of scripts for creative coding with Unity.

A commandline tool to generate different scalable patterns as SVGs.

Beginners tutorial series about creating 3D games OpenG.

Shader tutorial in the context of lwjgl-basics.

A brief introduction to fragment shaders.

Using custom vertex and fragment shaders in ThreeJS.

example of post-processing effects in ThreeJS.

Phong shading tutorial with glslify.

Example on how to use three.js with glslify.

Greg Tatum explains the basics of WebGL using Regl.

Good introduction to some of the OpenGL terms.

How to create GPGPU particles with regl.

Tips on how to get color right.

Workshop for GLSL shaders and graphics programming.

The sequel to shader-school: Learn the WebGL API.

Exploration of how shapes, forms, and patterns emerge in nature.