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: 2 days ago
JSON representation
Blogs • Websites
Other
- adriancourrèges.com - Blog of software engineer Adrian Courrèges. Articles about game graphics studies etc.
- bit-101.com - Blog by Keith Peters, specialised in creative coding.
- 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.
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.
- 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 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.
- 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.
- 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.
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.
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.
Math
Other
- Immersive Math - Fully interactive linear algebra.
- 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
- Pixel Shaders - Interactive Introduction to Graphics Programming.
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.
- 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.
Source
Other
Tools
Frameworks • Libraries • Ecosystems
- 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
- Shadershop - Interface for programming GPU shaders.
Other
- Syphon - Allows applications to share frames with one another in realtime.
- Klak - A collection of scripts for creative coding with Unity.
- Konstrukt - platform] - A commandline tool to generate different scalable patterns as SVGs.
Projection Mapping • VJing
- VirtualMapper - Realtime preview tool for projection mapping.
Sound Programming Languages
- Melrōse - A MIDI producing environment for creating (live) music.
Visual Programming Languages
- eternal - Programs as graphs and graphs as compositional tools for creation.
Web Programming • Libraries
- 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).
- 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.