awesome-creative-coding
Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.
https://github.com/eric-erki/awesome-creative-coding
Last synced: 8 days ago
JSON representation
-
Machine learning • Computer Vision • Ai
-
Other
- 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.
- ml4a - Machine learning for artists.
- Google ML - Cloud machine learning by Google.
- AI Playbook - Ai microsite intended to help newcomers get started.
-
-
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.
- Image Kernels - Interactive and visual introduction to image kernels.
- Sine and Cosine - Interactive explination of sine and cosine.
-
-
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.
-
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.
- Awesome livecoding - Curated list of livecoding languages and tools.
-
-
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.
- Copenhagen Institute of Interaction Design - Hosts a range of educational initiatives, most notably, the Interaction Design Programme and the CIID Summer School.
-
-
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.
-
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.
-
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.
-
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.
- ShaderTool - Modern shader IDE for programmers and FX artists.
- glslViewer - Live-coding console tool that renders GLSL Shaders.
-
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.
- MadMapper - Video mapping projections and Light mapping.
- CoGe VJ - VJ software designed for realtime HD video mixing and compositing with a modular user interface.
-
Sound Programming Languages
- TidalCycles - Domain specific language for live coding of pattern.
- Csound - A sound and music computing system.
-
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.
- TouchDesigner - Visual development platform to create realtime projects.
-
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.
- three.js - JavaScript 3D library.
- regl - Functional WebGL.
- Sketch.js - Minimal JavaScript creative coding framework.
- ClayGL - WebGL graphic library for building scalable Web3D applications.
- Proton - A lightweight and powerful javascript particle engine.
- lightgl.js - A lightweight WebGL library.
- picogl.js - A minimal WebGL 2 rendering library.
- Alfrid - A WebGL tool set.
- Babylon.js - complete JavaScript framework for building 3D games with HTML 5 and WebGL.
- twigl - A Tiny WebGL helper Library.
- luma.gl - WebGL2 Components for Data Visualization.
-
Programming Languages
Categories
Sub Categories
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