awesome-creative-coding
Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.
https://github.com/eric-erki/awesome-creative-coding
Last synced: 10 days ago
JSON representation
-
Learning Resources
-
Videos
- openFrameworks tutorial - YouTube playlist about openFrameworks - not updated [2015].
- Modern OpenGL 3.0+ Tutorials - YouTube playlist about modern OpenGL.
- Diving in Three.js - YouTube playlist diving into three.js.
- WebGL Lightning - Introduction to WebGL lightning with Greg Tatum.
- Shadertoy Tutorials - YouTube playlist teaching you how to make shaders, starting with zero knowledge using shadertoy.
- WebGL Lightning - Introduction to WebGL lightning with Greg Tatum.
-
-
Machine learning • Computer Vision • Ai
-
Other
- ml4a - Machine learning for artists.
- Tesseract.js - Pure Javascript Multilingual OCR.
- TensorFlow - Open source software library for machine intelligence.
- ConvNetJS - Deep Learning in your browser.
- Wekinator - Allows anyone to use machine learning.
- CreativeAi.net - Space to share creative Ai projects.
- Hello TensorFlow - Fully commented TensorFlow.js demo.
- ml5.js - Friendly machine learning for the web.
- Model Zoo - Discover open source deep learning code and pretrained models.
- ModelDepot - Platform for discovering, sharing, and discussing easy to use and pre-trained machine learning models.
- Keras.js - Run Keras models (tensorflow backend) in the browser, with GPU support.
- Wekinator - Allows anyone to use machine learning.
- Machine Learning - Coding Train repo with links to machine learning resources.
- CreativeAi.net - Space to share creative Ai projects.
- Lobe - Build, train, and ship custom deep learning models using a simple visual interface.
- TensorFlow.js - JavaScript library for training and deploying ML models in the browser and on Node.js.
- ConvNetJS - Deep Learning in your browser.
- Teachable Machine - Explore how machine learning works, live in the browser.
-
-
Math
-
Other
- Formul Animations - The principles of painting with maths.
- Math for Motion - Visualization of different motion equations.
- Algebra rules - The most useful rules of basic algebra.
- Immersive Math - Fully interactive linear algebra.
- Perlin Noise - Perlin noise explained in detail.
- Vector Math for 3D Computer Graphics - Tutorial on vector algebra and matrix algebra from the viewpoint of computer graphics.
- Desmos - Graph functions, plot data, evaluate equations, explore transformations, and much more.
- Sketching with Math and Quasi Physics - Beautiful and visual introduction to math and quasi physics.
- Matrix Math and You - High level introduction to matrices.
- Maths & trigonometry cheat sheet for 2D & 3D games - Maths cheat-sheet for 2D and 3D game-makers.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Making Things With Maths - Talk by Steven Wittens about bezier curves, procedural generation, physics engines and fractals.
- MyPhysicsLab - Interactive real-time physics simulations, with formulars and code.
- Intuitive Math - Explanations of fields like Linear Algebra and Geometry designed to help you develop a visual intuition for what is going on.
- Linear Interpolation - Introduction to linear interpolation (also known as mix/lerp).
- Practical use of Vector Math in Games - In-depth article on vectors for game math.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- Math as code - Cheat-sheet for mathematical notation in code form.
- Math snippets - Math snippets with graphic programming in mind.
- Learning Maths again - Collection of JS and GLSL math snippets.
- Eases - Grab-bag of modular easing equations.
- Matrix Multiplication - Matrix multiplication visualized.
- Algebra rules - The most useful rules of basic algebra.
- Vector Math for 3D Computer Graphics - Tutorial on vector algebra and matrix algebra from the viewpoint of computer graphics.
- MFGD - Math for game developers YouTube playlist.
- Mathematics of Animation - Slides about the mathematics of animation ([repo](https://github.com/winkerVSbecks/mathematics-of-animation)).
- Tiny 3D - The smallest possible perspective engine on a 2D canvas.
- L-systems - A Haskell package for L-systems.
- Mathematical Symbols - List of all mathematical symbols and signs.
- Game Dev Movement cheatsheet with examples - JavaScript math snippets for movement.
-
-
Museums • Galleries
-
Other
- Technorama, Zurich/Switzerland - Technorama allows hands-on experiences of hundreds of natural phenomena and technology.
- Ars Electronica Center, Linz/Austria - Museum of the Future — a place where diverse blends of artistic genres, scientific domains and technological directions are displayed and processed.
-
-
Online Books
- The Book of Shaders - Step-by-step guide through the abstract and complex universe of fragment shaders.
- Learn OpenGL - Extensive tutorial resource for learning Modern OpenGL.
- OpenGL Tutorial - Site dedicated to tutorials for OpenGL 3.3 and later.
- Open.gl - Guide that teach you the basics of using OpenGL.
- Pixel Shaders - Interactive Introduction to Graphics Programming.
- Graphics Programming Projects - Book about 3D computational graphics by Morgan McGuire.
- Pixel Shaders - Interactive Introduction to Graphics Programming.
- Graphics Programming Projects - Book about 3D computational graphics by Morgan McGuire.
- A Primer on Bézier Curves - A free book for when you really need to know how to do Bézier things.
- OGLdev - Collection of modern OpenGL tutorials by Etay Meiri.
- Scratchapixel 2.0 - Learn Computer Graphics From Scratch.
- WebGL Fundamentals - WebGL from the ground up. No magic.
- WebGL 2 Fundamentals - WebGL2 from the ground up. No magic.
- ofBook - Community-written book/guide on openFrameworks.
- OpenGLBook - Free OpenGL programming tutorial in online book format.
- On Generative Algorithms - Notes about generating various organic patterns, with examples and Python code, by Anders Hoff.
- Computer Graphics from Scratch - A raytracing and rasterization textbook that teaches you how OpenGL and DirectX works.
-
Related
-
Other
- Awesome opengl - Curated list of awesome OpenGL libraries, debuggers and resources.
- Awesome webgl - Curated list of awesome WebGL libraries, resources and much more.
- Awesome canvas - Curated list of awesome HTML5 canvas with examples, related articles and posts.
- Awesome audio visualization - Curated list about Audio Visualization.
- Awesome computer vision - Curated list of awesome computer vision resources.
- Magic tools - Curated list of game development resources to make magic happen.
- Link collection of ray marching on the GPU - Curated list from 2013.
- Awesome visualization research - Curated list of recommended research papers and other readings on data visualization.
- Awesome graphics - Curated list of computer graphics tutorials and resources.
- Graphics resources - Curated list of graphic programming resources.
- 3D Machine Learning - A resource repository for 3D machine learning.
-
-
Schools • Workshops
-
Other
- School for Poetic Computation - School in New York that explore the intersections of code, design, hardware and theory.
- Residencies, Fellowships, Summer Schools - Huge list of residencies, fellowships and summer schools around the world (Navigate with the bottom left tabs).
- School for Poetic Computation - School in New York that explore the intersections of code, design, hardware and theory.
-
-
Tools
-
Frameworks • Libraries • Ecosystems
- Cinder - platform] - Open source library for professional-quality creative coding in C++.
- Unity - Game engine, but useful for creative coding and installations.
- PlayCanvas - platform] - Open source, realtime collaborative WebGL engine.
- hg_sdf - platform] - GLSL library for building signed distance functions.
- PixelKit - Open source, live graphics, Swift framework, powered by Metal.
- OPENRNDR - platform] - Open source library for creative coding written in Kotlin.
- Phaser - platform] - HTML5 framework for building games, uses both a Canvas and WebGL renderer.
- C4 - Open-source creative coding framework for iOS.
- hg_sdf - platform] - GLSL library for building signed distance functions.
- Canvas-sketch - platform] - HTML5 framework for making generative artwork in JavaScript and the browser.
- HYPE - platform] - HYPE_processing, is a collection of classes that performs heavy lifting tasks while using a minimal amount of code writing.
- HYPE - platform] - HYPE_processing, is a collection of classes that performs heavy lifting tasks while using a minimal amount of code writing.
- nannou
-
Hardware
- Arduino - Open source microcontroller kits for building digital devices and interactive objects.
- Raspberry Pi - Small single-board computers.
- Puck.js - Open source JavaScript microcontroller you can program wirelessly.
- AxiDraw - Simple, modern, and precise pen plotter.
- Teensy - USB-based microcontroller development system.
- Tessel - Easy to use microcontroller that runs JavaScript.
- Leap Motion - Sensor device that supports hand and finger motions as input.
- Tessel - Easy to use microcontroller that runs JavaScript.
- Phidgets - Sensors, input devices and controllers for computers.
- Makey Makey - Turn everyday objects into touchpads and combine them with the internet.
-
Online
- Shadertoy - Build and share shaders with the world and get inspired.
- Shdr Editor - Online shader editor.
- Shadershop - Interface for programming GPU shaders.
- Vertexshaderart - Online shader editor and gallery.
- GlslEditor - Simple WebGL Fragment Shader Editor.
- P5.js Editor - Online web editor for P5.js.
- Turtletoy - Minimalistic API and online showcase for generative code. (Javascript)
- ShaderGif - Open source home for art made with code (WebGL1/2, JavaScript Canvas & P5.js).
- P5LIVE - p5.js live-coding environment.
- NEORT - Digital art platform for creative coders (Fragment Shader, Javascript Canvas).
- Shadershop - Interface for programming GPU shaders.
- Shadershop - Interface for programming GPU shaders.
- Shadershop - Interface for programming GPU shaders.
- Shadershop - Interface for programming GPU shaders.
- Shadershop - Interface for programming GPU shaders.
- Shadershop - Interface for programming GPU shaders.
- Shadershop - Interface for programming GPU shaders.
- CodePen - Show case of advanced techniques with editable source code.
- Shadershop - Interface for programming GPU shaders.
- Shadershop - Interface for programming GPU shaders.
- Shadershop - Interface for programming GPU shaders.
- Shadershop - Interface for programming GPU shaders.
- Shadershop - Interface for programming GPU shaders.
- Shdr Editor - Online shader editor.
- GlslEditor - Simple WebGL Fragment Shader Editor.
- GLSLbin - Fragment shader sandbox with support for glslify.
- GLSL Sandbox - Online shader editor and gallery.
- Cyos - Online shader editor.
-
Other
- Syphon - Allows applications to share frames with one another in realtime.
- Klak - A collection of scripts for creative coding with Unity.
- KodeLife - Real-time GPU shader editor, live-code performance tool and graphics prototyping sketchpad.
- basil.js - Scripting (JS) in InDesign for designers and artists in the spirit of Processing.
- Structure Synth - platform] - Application for generating 3D structures by specifying a design grammar.
- F3 - Powerful 3D design app that enables you to live code 3D form.
- Fragment - App to live code GLSL graphics.
- DrawBot - Education oriented 2d graphics programming environment based on python.
- basil.js - Scripting (JS) in InDesign for designers and artists in the spirit of Processing.
-
Projection Mapping • VJing
- VDMX - Realtime multimedia performance application.
- Resolume - Mixing of digital video and effects in a realtime.
- Modul8 - Real time video mixing and compositing.
- VirtualMapper - Realtime preview tool for projection mapping.
- Veejay - A live performance tool featuring simple non-linear editing and mixing from multiple sources (files, devices, streams...)
-
Sound Programming Languages
- TidalCycles - Domain specific language for live coding of pattern.
- Csound - A sound and music computing system.
- Orca - Live coding environment to quickly create procedural sequencers.
-
Visual Programming Languages
- vvvv - Hybrid visual/textual live-programming environment for easy prototyping and development.
- NodeBox - Cross-platform, node-based GUI for efficient data visualizations and generative design.
- Pure Data - platform] - Open source visual programming language for multimedia.
- i-score - platform] - Interactive sequencer to control creative coding libraries and toolkits.
- tooll - Open source tool for creating interactive 3d content and animations.
- XOD - platform] - Open source visual programming language and environment for microcontroller-based projects.
- Synopsis - A suite of open source software for computational cinematography.
- i-score - platform] - Interactive sequencer to control creative coding libraries and toolkits.
- i-score - platform] - Interactive sequencer to control creative coding libraries and toolkits.
- i-score - platform] - Interactive sequencer to control creative coding libraries and toolkits.
- i-score - platform] - Interactive sequencer to control creative coding libraries and toolkits.
- i-score - platform] - Interactive sequencer to control creative coding libraries and toolkits.
- i-score - platform] - Interactive sequencer to control creative coding libraries and toolkits.
- i-score - platform] - Interactive sequencer to control creative coding libraries and toolkits.
- i-score - platform] - Interactive sequencer to control creative coding libraries and toolkits.
- i-score - platform] - Interactive sequencer to control creative coding libraries and toolkits.
- i-score - platform] - Interactive sequencer to control creative coding libraries and toolkits.
- i-score - platform] - Interactive sequencer to control creative coding libraries and toolkits.
- i-score - platform] - Interactive sequencer to control creative coding libraries and toolkits.
- Vuo - Live interactive-media programming environment.
- tooll - Open source tool for creating interactive 3d content and animations.
-
Web Programming • Libraries
- Paper.js - The swiss army knife of vector graphics scripting.
- p5.js - JavaScript library that starts with the original goal of Processing.
- Pts.js - JavaScript library for visualization and creative-coding.
- Fabric.js - Javascript canvas library, SVG-to-canvas parser.
- OpenJSCAD - Programmatic 3D modeling in JavaScript.
- Two.js - Two-dimensional drawing api geared towards modern web browsers.
- ClayGL - WebGL graphic library for building scalable Web3D applications.
- css-doodle - A web component for drawing patterns with CSS.
-
Programming Languages
Categories
Sub Categories
Other
118
Articles • Tutorials
74
Online
28
Visual Programming Languages
21
Quick References • Cheatsheets
19
Web Programming • Libraries
19
Frameworks • Libraries • Ecosystems
13
Talks
12
Hardware
10
Interactive
10
Subreddits
8
Videos
7
Projection Mapping • VJing
5
Slack
5
Sound Programming Languages
3
Keywords
webgl
6
awesome
4
awesome-list
4
game-development
3
webgl2
3
3d
3
game-engine
2
list
2
glsl-editors
2
javascript
2
opengl
2
computer-graphics
1
graphics-pipeline
1
games
1
lists
1
gamedev
1
game-programming
1
game-jam
1
opengl-library
1
game-design
1
frameworks
1
design
1
curated
1
board-games
1
art
1
webgl-tutorials
1
webgl-spec-sheet
1
webgl-references
1
webgl-programming
1
webgl-articles
1
learning-webgl
1
particles
1
html5-canvas
1
draw-graphics
1
canvas2d
1
canvas-element
1
voxel
1
regl
1
animation
1
canvas
1
codepen
1
creative-coding
1
css
1
interaction
1
p5js
1
svg
1
math
1
math-snippets
1
spring
1
velocity
1