fucking-awesome-creative-coding

Creative Coding: Generative Art, Data visualization, Interaction Design, Resources. With repository stars⭐ and forks🍴
https://github.com/Correia-jpv/fucking-awesome-creative-coding

Last synced: 1 day ago
JSON representation

Blogs • Websites
- Other
  - bit-101.com - Blog by Keith Peters, specialised in creative coding.
  - adriancourrèges.com - Blog of software engineer Adrian Courrèges. Articles about game graphics studies etc.
  - syntopia - Blog about generative art and systems, by Mikael Hvidtfeldt Christensen.
  - songho.ca - Home of Song Ho Ahn, with a good collection of tutorials on OpenGL and math.
  - CreativeApplications.Net [CAN - Famous digital art blog.
  - bit-101.com - Blog by Keith Peters, specialised in creative coding.
  - ibreakdownshaders - Explore the math behind shaders.
  - syntopia - Blog about generative art and systems, by Mikael Hvidtfeldt Christensen.
  - songho.ca - Home of Song Ho Ahn, with a good collection of tutorials on OpenGL and math.
  - jsdo.it-archives - Compilation of WebGL experiments including comparisons on WebGL frameworks and physics engine (oimo.js, cannon.js, ammo.js).
  - CreativeApplications.Net [CAN - Famous digital art blog.
  - ibreakdownshaders - Explore the math behind shaders.
Books
- Generative Design - Visualize, Program, and Create with Processing.
- Foundation HTML5 Animation with JavaScript - Everything you need to know to create animation using the HTML5 canvas.
- Physics for JavaScript Games, Animation, and Simulations - Teaches JavaScript programmers how to incorporate real physics into their HTML5 games, animations, and simulations.
- Generative Design - Visualize, Program, and Create with Processing.
Communities
- Other
  - Data Stories - Podcast on data visualization.
Courses
- Kadenze Creative Coding - Selection of Kadenze courses covering p5.js, TensorFlow, Max/Jitter, and ChucK.
- Kadenze Creative Coding - Selection of Kadenze courses covering p5.js, TensorFlow, Max/Jitter, and ChucK.
Events
- Other
  - Eyeo Festival - Bring together creative coders, data designers and creators working at the intersection of data, art and technology.
Inspiration
- Other
  - People You Should Follow on CodePen - List of interesting people worth following.
Learning Resources
- Articles • Tutorials
  - lwjgl: Shaders - Shader tutorial in the context of lwjgl-basics.
  - FBO particles - Article about FBO/GPGPU particles by @nicoptere.
  - Ray marching (with THREE.js) - Article about ray marching with three.js by @nicoptere.
  - WebGL Tutorials - Website with a really good collection of WebGL tutorials.
  - Generating Geometry: 1 - geometry-part-2-going-3d), [3](http://codepen.io/mcdorli/post/generating-geometry-part-3-getting-spherical) - Beginner introduction on how to create geometry object.
  - WebGL Workshop - Short and sweet online introduction to WebGL.
  - THREE.js & instanced geometry - Fluffy predator with three.js and instanced geometry.
  - HTML Canvas Deep Dive - Profound introduction to the canvas API.
  - 31 days of Canvas tutorials - Collection of canvas tutorials by Seb Lee-Delisle.
  - COSMOS - An end-to-end tutorial on the design, programming and launch of an app using C4.
  - Amit’s Game Programming Information - Collection of resources on stuff like path-finding, Ai, math etc.
  - WebGL Lessons — Fragment Shaders - A brief introduction to fragment shaders.
  - GLSL lighting walkthrough - Phong shading tutorial with glslify.
  - Three glslify example - Example on how to use three.js with glslify.
  - WebGL Beyond Dom - Greg Tatum explains the basics of WebGL using Regl.
  - FBO particles - Article about FBO/GPGPU particles by @nicoptere.
  - Ray marching (with THREE.js) - Article about ray marching with three.js by @nicoptere.
  - Modern OpenGL Series - Good introduction to some of the OpenGL terms.
  - WebGL Tutorials - Website with a really good collection of WebGL tutorials.
  - WebGL Workshop - Short and sweet online introduction to WebGL.
  - THREE.js & instanced geometry - Fluffy predator with three.js and instanced geometry.
  - 31 days of Canvas tutorials - Collection of canvas tutorials by Seb Lee-Delisle.
  - COSMOS - An end-to-end tutorial on the design, programming and launch of an app using C4.
  - Amit's Game Programming Information - Collection of resources on stuff like path-finding, AI, math, etc.
  - OpenGL/GLSL Shader Programming - Deck on OpenGL/GLSL shader programming.
  - Three.js Basics - Introduction to Three.js by Eric Haines.
  - Creative-coding on iOS with C4 - Introduction to C4 published on Creative Applications.
  - On ray casting, ray tracing, ray marching and the like - The title says it all. Introduction by Adok.
  - Real-time Rendering - Book, blog and collection of resources regarding real-time rendering.
  - Adventures in Game Development World - Easy to understand collection of articles on game development, but relevant to creative coding as well.
  - WebGL Lessons — Fragment Shaders - A brief introduction to fragment shaders.
  - WebGL Lessons — ThreeJS Shaders - Using custom vertex and fragment shaders in ThreeJS.
  - ThreeJS post-process example - Example of post-processing effects in ThreeJS.
  - Volumetric rendering - Explains how to create complex 3D shapes inside volumetric shaders.
- Interactive
  - Shader-school - Workshop for GLSL shaders and graphics programming.
  - Webgl-workshop - The sequel to shader-school: Learn the WebGL API.
  - Fragment-foundry - Interactive fragment shader tutorial.
  - Bubble Breakdown - Shader breakdown by Perlin.
- Quick References • Cheatsheets
  - GLSL Reference Guide - OpenGL Shading Language quick reference guide.
  - Procedural Patterns And Noises - Collection of procedural patterns and procedural noises.
- Quick References • Cheat Sheets
  - PixelSpirit - GLSL library on the back of tarot cards, for learning and reference.
  - GLSL Reference Guide - OpenGL Shading Language quick reference guide.
  - Procedural Patterns And Noises - Collection of procedural patterns and procedural noises.
  - Morphogenesis - Exploration of how shapes, forms, and patterns emerge in nature.
  - docs.GL - Improvement of the official OpenGL documentation.
- Talks
  - How We Do This Shit - Talk on how tech-based artists do this financially.
  - How We Do This Shit - Talk on how tech-based artists do this financially.
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.
Machine learning • Computer Vision • AI
- Other
  - Wekinator - Allows anyone to use machine learning.
  - CreativeAi.net - Space to share creative Ai projects.
  - ConvNetJS - Deep Learning in your browser.
  - Teachable Machine - Explore how machine learning works, live in the browser.
Machine Learning • Computer Vision • AI
- Other
  - Tesseract.js - Pure JavaScript Multilingual OCR.
  - Machine Learning - Coding Train repo with links to machine learning resources.
  - Wekinator - Allows anyone to use machine learning.
  - Wekinator - Allows anyone to use machine learning.
Math
- Other
  - Algebra rules - The most useful rules of basic algebra.
  - Immersive Math - Fully interactive linear algebra.
  - Vector Math for 3D Computer Graphics - Tutorial on vector algebra and matrix algebra from the viewpoint of computer graphics.
  - 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.
  - L-systems - A Haskell package for L-systems.
  - Math as code - Cheat-sheet for mathematical notation in code form.
Online Books
- OpenGL Tutorial - Site dedicated to tutorials for OpenGL 3.3 and later.
- 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.
- WebGL Academy - Learn WebGL and 3D algorithmic in a progressive and interactive way.
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 creative technology - Curated list of Creative Technology groups, companies, studios, collectives and more.
  - 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.
  - Awesome public datasets - Curated list of public available datasets, mostly free resources.
Schools • Workshops
- Other
  - School for Poetic Computation - School in New York that explore the intersections of code, design, hardware and theory.
  - School for Poetic Computation - School in New York that explore the intersections of code, design, hardware and theory.
Source
- Other
  - terkelg/awesome-creative-coding
Tools
- Frameworks • Libraries • Ecosystems
  - hg_sdf - platform] - GLSL library for building signed distance functions.
  - PixelKit - Open source, live graphics, Swift framework, powered by Metal.
  - Canvas-sketch - platform] - HTML5 framework for making generative artwork in JavaScript and the browser.
  - AsyncGraphics - Open source, live graphics, async / await, Swift package, powered by Metal.
  - Lygia - platform] - Granular and multi-language (GLSL, HLSL, WGSL, MSL and CUDA) shader library designed for performance and flexibility.
  - Fragment.tools - platform] - A web development environment for creative coding.
  - C4 - Open-source creative coding framework for iOS.
- Online
  - Shdr Editor - Online shader editor.
  - CodePen - Show case of advanced techniques with editable source code.
  - Shadershop - Interface for programming GPU shaders.
  - GlslEditor - Simple WebGL Fragment Shader Editor.
  - Shadershop - Interface for programming GPU shaders.
  - Shdr Editor - Online shader editor.
  - GlslEditor - Simple WebGL Fragment Shader Editor.
  - Shadershop - Interface for programming GPU shaders.
- Other
  - Syphon - Allows applications to share frames with one another in realtime.
  - shoebot - platform] - Shoebot is a creative coding environment designed for making vector graphics and animations with Python.
  - Klak - A collection of scripts for creative coding with Unity.
  - Konstrukt - platform] - A commandline tool to generate different scalable patterns as SVGs.
  - shoebot - platform] - Shoebot is a creative coding environment designed for making vector graphics and animations with Python.
  - Structure Synth - platform] - Application for generating 3D structures by specifying a design grammar.
- Projection Mapping • VJing
  - Modul8 - Real time video mixing and compositing.
  - VirtualMapper - Realtime preview tool for projection mapping.
- Sound Programming Languages
  - Melrōse - A MIDI producing environment for creating (live) music.
- Visual Programming Languages
  - tooll - Open source tool for creating interactive 3d content and animations.
  - eternal - Programs as graphs and graphs as compositional tools for creation.
- Web Programming • Libraries
  - Paper.js - The swiss army knife of vector graphics scripting.
  - Fabric.js - Javascript canvas library, SVG-to-canvas parser.
  - ClayGL - WebGL graphic library for building scalable Web3D applications.
  - three.js - JavaScript 3D library.
  - regl - Functional WebGL.
  - 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.
  - twgl.js - A tiny WebGL helper library.
  - OGL.js - JavaScript 3D library (WebGL).
  - luma.gl - WebGL2 Components for Data Visualization.
  - Ammo.js - Direct port of the Bullet physics engine to JavaScript using Emscripten.
  - Theatre.js - Motion design library with visual tools.
  - luma.gl - WebGL2 Components for Data Visualization.

Programming Languages

JavaScript 16 TypeScript 4 Swift 3 GLSL 2 Go 2 Markdown 2 C++ 1 C# 1 HTML 1 Shell 1

fucking-awesome-creative-coding

Blogs • Websites

Other

Books

Communities

Other

Courses

Events

Other

Inspiration

Other

Learning Resources

Articles • Tutorials

Interactive

Quick References • Cheatsheets

Quick References • Cheat Sheets

Talks

Machine learning • Computer Vision • Ai

Other

Machine learning • Computer Vision • AI

Other

Machine Learning • Computer Vision • AI

Other

Math

Other

Online Books

Related

Other

Schools • Workshops

Other

Source

Other

Tools

Frameworks • Libraries • Ecosystems

Online

Other

Projection Mapping • VJing

Sound Programming Languages

Visual Programming Languages

Web Programming • Libraries