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

Motion design library with visual tools

Minimal JavaScript creative coding framework.

A lightweight WebGL library.

A minimal WebGL 2 rendering library.

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.

Shoebot is a creative coding environment designed for making vector graphics and animations with Python.

Beginners tutorial series about creating 3D games OpenG.

Bruno Imbrizi go through the use of canvas for creative coding at WebExpo 2016. Interactive slides here.

Beginners tutorial series about creating 3D games OpenG.

Inspiring talk by Zach Lieberman.

FITC talk by Matt DesLauriers about his passion for generative art.

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.

Advice and thoughts on how to get started by Eric Arnebäck.

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.

How to create GPGPU particles with regl.