/awesome-creative-coding

🎨 Creative Coding, Generative Art, Interaction Design, Resources.

Awesome Creative Coding Awesome

Carefully curated list of awesome creative coding resources primarily for beginners/intermediates.

Creative coding is a different discipline than programming systems in which the goal is to create something expressive instead of something functional. Interaction design, information visualization and generative art are all different types of creative coding – which has become a household term describing artworks articulated as code.

You might also like Graphics resources and Awesome OpenGL.

Please read the contribution guidelines before contributing.

Contents

Books

Subreddits

Communities

Ecosystems / Frameworks

Desktop

  • Processing - Computer programming language and IDE for visual arts.
  • Cinder - Open source library for professional-quality creative coding in C++.
  • openFrameworks - Open source C++ toolkit for creative coding.
  • 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.
  • Structure Synth - Cross-platform application for generating 3D structures by specifying a design grammar.
  • Unity - Game engine, but useful for creative coding and installations.
  • i-score - Interactive sequencer to control creative coding libraries and toolkits.

Web

  • three.js - JavaScript 3D library.
  • regl - Functional WebGL.
  • Stackgl - Open software ecosystem for WebGL, built on top of browserify and npm.
  • Paper.js - The swiss army knife of vector graphics scripting.
  • Pixi.js - HTML 5 2D rendering engine that uses webGL with canvas fallback.
  • p5.js - JavaScript library that starts with the original goal of Processing.
  • Fabric.js - Javascript canvas library, SVG-to-canvas parser.
  • Sketch.js - Minimal JavaScript creative coding framework.
  • Two.js - Two-dimensional drawing api geared towards modern web browsers.

Learning material

Interactive tutorials

Articles

Math

Inspiration

Machine Learning / A.I.

  • ml4a - Machine learning for artists.
  • Keras.js - Run Keras models (tensorflow backend) in the browser, with GPU support.
  • Tesseract.js - Pure Javascript Multilingual OCR.
  • Google ML - Cloud machine learning by Google.
  • TensorFlow - Open source software library for machine intelligence.
  • ConvNetJS - Deep Learning in your browser.
  • Wekinator - Allows anyone to use machine learning.

Shaders / OpenGL / WebGL

Tools

  • F3 - Powerful 3D design app that enables you to live code 3D form.
  • Fragment - Mac app to live code GLSL graphics.
  • Chrome Shader Editor - Live editing shaders in the browser.
  • ShaderTool - Modern shader IDE for programmers and FX artists.
  • Shadershop - Interface for programming GPU shaders.
  • hg_sdf - GLSL library for building signed distance functions.

Cheatsheets / References / Glossaries

Talks / Presentations / Videos

Websites / Blogs

Related:

License

CC0

To the extent possible under law, Terkel Gjervig has waived all copyright and related or neighboring rights to this work.