User Experience on mobile might not be great yet, but
I'm working on it.
Your first time on this page? Allow me to give some explanations.
Awesome Creative Coding
Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.
Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.
Thank you terkelg & contributors
View Topic on GitHub:
terkelg/awesome-creative-coding
Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.
Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.
Books
Online Books
Courses
Frameworks • Libraries • Ecosystems
Godot Engine – Multi-platform 2D and 3D game engine
[beta] A framework for making generative artwork in JavaScript and the browser.
[Cross-platform] - Computer programming language and IDE for visual arts.
[Cross-platform] - Open source C++ toolkit for creative coding.
[Cross-platform] - GLSL library for building signed distance functions.
[iOS, Mac] - Open source, live graphics, Swift framework, powered by Metal.
[Cross-platform] - Open source library for creative coding written in Kotlin.
Visual Programming Languages
👾~ music, eternal ~ 👾
[Win] - Hybrid visual/textual live-programming environment for easy prototyping and development.
[Cross-platform] - Visual coding language in the Godot game engine.
[Mac, Win] - Cross-platform, node-based GUI for efficient data visualizations and generative design.
[Mac, Win] - Visual development platform to create realtime projects.
[Mac] - Development tool for processing and rendering graphical data.
[Cross-platform] - Open source visual programming language for multimedia.
[Cross-platform] - Open source visual programming language and environment for microcontroller-based projects.
[Cross-platform] - Scene based media control software with integrated projection mapper.
[Cross-platform/Web] - Your model kit for creating beautiful interactive content. Currently in private beta, invites can be requested.
[Win] - Node-based authoring tool with a strong focus on real-time graphics. Currently in beta.
Sound Programming Languages
Web Programming • Libraries
JavaScript 3D Library.
👑 Functional WebGL
Javascript particle animation library
A lightweight WebGL library
A minimal WebGL 2 rendering library
A WebGL tool set.
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
A Tiny WebGL helper Library
High-performance Toolkit for WebGL-based Data Visualization
Minimal WebGL Library
Lightweight 3d physics engine for javascript
Direct port of the Bullet physics engine to JavaScript using Emscripten
Motion design editor for the web
Projection Mapping • VJing
A realtime preview tool for projection mapping
[Mac] - VJ software designed for realtime HD video mixing and compositing with a modular user interface.
[Mac] - A software to create and perform interactive audiovisual shows.
[Linux] - A live performance tool featuring simple non-linear editing and mixing from multiple sources (files, devices, streams...)
Online
Hardware
Other
Live Code Graphics via GLSL Fragment Shaders
Creative coding library for Unity
Commandline tool for me to play with concrete art.
[Cross-platform] - Application for generating 3D structures by specifying a design grammar.
[Mac] - Powerful 3D design app that enables you to live code 3D form.
[Win] - Modern shader IDE for programmers and FX artists.
[Mac] - Allows applications to share frames with one another in realtime.
[Mac] - Education oriented 2d graphics programming environment based on python.
Videos
Talks
Video - Intro to WebGL with three.js.
@williamapan from his Creative developer workshop at Gobelins.
Shaders • OpenGL • WebGL
LibGDX/LWJGL tutorials and examples
A brief introduction to fragment shaders.
Using custom vertex and fragment shaders in ThreeJS
a tutorial on ThreeJS post processing
phong shading tutorial with glslify
a simple example of ThreeJS with glslify
WebGL - Beyond the DOM
Code to accompany a series of OpenGL articles on tomdalling.com
Part 2 - Introduction to flow fields also known as vector fields.
Canvas
Hardware
Other
Interactive
A workshopper for GLSL shaders and graphics programming
The sequel to shader-school: Learn the WebGL API
Quick References • Cheatsheets
Subreddits
Slack
Other
Math
a cheat-sheet for mathematical notation in code form
Math snippets with graphic programming in mind.
learning maths again
a grab-bag of modular easing equations
L-system generators and visualizers
Machine learning • Computer Vision • Ai
Examples and experiments around ML for upcoming Coding Train videos
Explore how machine learning works, live in the browser. No coding required.
Inspiration
People You Should Follow on CodePen
Events
Museums • Galleries
Schools • Workshops
Blogs • Websites
jsdo.it archives
Related
A curated list of awesome OpenGL libraries, debuggers and resources.
A curated list of awesome WebGL libraries, resources and much more
A curated list of awesome HTML5 Canvas with examples, related articles and posts.
A curated list about Audio Visualization.
A curated list of awesome computer vision resources
A list of recommended research papers and other readings on data visualization
All things livecoding
Curated list of computer graphics tutorials and resources
a list of graphic programming resources
A list of Game Development resources to make magic happen.
A topic-centric list of HQ open datasets.
A resource repository for 3D machine learning