Creative Coding
Programming something expressive instead of something functional.
Contents
Tools
Frameworks • Libraries • Ecosystems
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.
Visual Programming Languages
Web Programming • Libraries
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
Projection Mapping • VJing
Learning Resources
Articles • Tutorials
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.
Interactive
Quick References • Cheat Sheets
Math
Cheat-sheet for mathematical notation in code form.
Math snippets with graphic programming in mind.
Collection of JS and GLSL math snippets.
Grab-bag of modular easing equations.
Slides about the mathematics of animation
A Haskell package for L-systems.