Subject
35 entries
Creative Coding
Bookmarks
Strange Attractors: dynamical systems visualization
A Three.js particle system visualization of Strange Attractors with a clear explainer on dynamical systems, chaos theory, the butterfly effect, and the geometry of attractors in phase space. Combines technical education with beautiful visual output.
Visualizing all books in ISBN-space
A GPU-accelerated interactive map of all ~2 billion ISBN numbers, using a custom Bookshelf-Curve algorithm that preserves ISBN decimal structure better than Hilbert curves. Shows publication dates, publishers, and availability across hierarchically-loaded map tiles.
TIAT: The Intersection of Art & Technology (SF)
TIAT (The Intersection of Art & Technology) is a San Francisco gallery and coworking space for creative technologists — exhibitions, monthly salons, and studio access for artists working at the art-technology boundary.
Genetic Boids: Evolutionary Flocking Simulation
Genetic Boids combines Craig Reynolds' flocking algorithm with evolutionary mechanics — up to 800 entities exhibit alignment, separation, and cohesion, with lifespan and signal parameters that drive emergent population behavior.
Bluerain
Bluerain visualizes the Bluesky firehose as Matrix-style falling text rain — each character stream is a live post flowing through the AT Protocol. A beautiful way to sense the scale and flow of social network activity.
mind — moebio.com
An interactive visualization project by Santiago Ortiz (moebio.com) exploring mind/brain concepts through generative and data-driven graphics. Ortiz creates some of the most thoughtful intersection of data visualization and conceptual art.
HYDRA — Live Coding Networked Visuals
Hydra is a live coding environment for networked visual synthesis in the browser — patches of continuous signal transformations inspired by analog video synthesis. Code runs live in the browser and can be linked to audio or other Hydra instances across the network.
Gene Kogan's Stable Diffusion Collage Tool (WIP)
Gene Kogan's WIP collage tool built on Stable Diffusion — a hybrid workflow where human collage composition meets AI generation. Kogan is a prominent artist-researcher at the machine learning × creative practice intersection, and this was shared days after SD's open release.
Lucid Sonic Dreams: Audio-Reactive GAN Visualization
Lucid Sonic Dreams syncs StyleGAN2-generated visuals to music, producing audio-reactive video from a song and style choice. Made GAN art accessible to musicians and VJs as a simple pip-installable Python package.
Scrapism: Web Scraping as Art and Activism
Scrapism is Sam Lavigne's guide to web scraping as artistic and activist practice — using Python scraping tools to collect and repurpose web data for critical or creative ends. Treats scraping as a form of political speech as much as technical skill.
Do Androids Grow Electric Plants?
Alex's technical notes on SPACEFILLER's digital plant simulations — particle systems with repulsive forces, spring connections, friction, and Boids-inspired velocity matching that produce organic-looking lo-fi animated plants. A good introduction to particle simulation forces for creative coding.
Grok {Shan, Shui}* — Understanding Generative Art Code
Viktor Zverok's deep-dive into understanding the Shan, Shui* generative art codebase — a JavaScript program that generates ink-wash style Chinese landscape paintings. An 'advent of understanding' tracing how algorithmic art is constructed from procedural noise and layered rendering.
TouchDesigner: Visual Development Platform
TouchDesigner is a node-based visual programming environment for real-time interactive media — used for architectural projections, live music visuals, interactive installations, and rapid creative prototyping. The industry standard tool for live visual performance.
Sonic Pi: Code-Based Live Music Creation
Sonic Pi is a code-based live music creation tool built on Ruby — you write code that plays music, and changes take effect instantly while the music plays. Originally designed for music education in schools, it became a serious tool for live performance.
Noise in Creative Coding
Varun Vachhar's deep dive into noise functions for creative coding — covering Perlin noise, simplex noise, domain warping, and fractal Brownian motion with beautiful visual examples. The go-to reference for understanding how noise generates organic, natural-looking patterns.
The Art of Code — Dylan Beattie
Dylan Beattie's 'The Art of Code' is a conference talk covering the weird, playful, and surprisingly profound corners of software — esoteric languages, code golf, musical programming, and the question of what 'beautiful code' even means. A reminder that software is a creative medium.
Max Hawkins
Max Hawkins is an artist and software engineer whose practice centers on surrendering control to algorithms — randomized living arrangements, random diets, random social events. His work treats computation as a tool for disrupting human habit and discovering the unexpected.
Little Planet Procedural
A midterm project from a procedural generation course by Alan Luo — a 'Little Planet' generator using algorithmic terrain and environment generation. The source URL is no longer accessible, but the project sits in the tradition of noise-based procedural world generation.
Automatic Sample Layout (VAE)
Kyle McDonald's EYEO 2016 demonstration of automatic audio sample organization using a Variational Autoencoder — the VAE learns a latent representation of sounds and arranges them in 2D space so similar samples cluster together. An early application of generative models to creative tools.
Tiny Subversions: Projects
Darius Kazemi's projects page showcasing his Twitter bots and generative art work — saved from an Eyeo 2016 presentation where he demonstrated how small algorithmic systems can produce surprising, humanlike outputs. One of the most thoughtful practitioners of bot-art.
Inconvergent: Generative Art by Anders Hoff
Anders Hoff's (inconvergent) generative art site — algorithmic drawings that simulate natural processes like erosion, growth, and diffusion. His work is notable for making mathematical processes legible as aesthetic objects.
SFPC — School for Poetic Computation
SFPC (School for Poetic Computation) is a small artist-run school in New York focused on the intersection of code, language, hardware, and theory — an alternative to traditional CS education that asks what code means culturally and aesthetically. Founded 2013 by Zach Lieberman and others.
Tributary — What We've Learned from a Year of Live Coding
EJ Fox's retrospective on a year of building Tributary — a live-coding environment for D3.js data visualization. Tributary became an important tool for learning and prototyping D3 through immediate visual feedback.
Getting Started with Three.js
Paul Lewis's introductory Three.js tutorial on Aerotwist — setting up a renderer, camera, and scene to build browser-based 3D graphics. The canonical 2013 entry point for WebGL development via the Three.js abstraction layer.
CSS 3D Clouds
Jaume Sánchez's experiment generating volumetric 3D-like clouds using CSS3 3D Transforms and JavaScript — no WebGL required. A 2013 demonstration of what browser CSS transforms could do beyond 2D layout.
WebCamMesh — 3D Webcam Visualization
WebCamMesh uses WebGL and the browser's webcam API to create a real-time 3D mesh from the live video feed — mapping webcam pixel brightness to vertex displacement. An early example of combining browser camera access with WebGL for real-time visual effects.
Tweetping — Real-Time Twitter Visualization
Tweetping visualized the Twitter streaming API as a real-time pulsing global map — each tweet a dot appearing at its geolocation. A landmark example of combining streaming data APIs with real-time browser visualization.
Josh Nimoy: Creative Technologist
Josh Nimoy's portfolio — a creative technologist known for algorithmic art, the JMyron motion detection library, and his work on the visual effects for Tron: Legacy. The URL points to his projects section.
Cinder: The Library for Professional-Quality Creative Coding in C++
Cinder is a C++ library for professional-quality creative coding — graphics, audio, video, computer vision, and OpenGL, all in one framework. The C++ equivalent of Processing, but faster and used for commercial-quality interactive installations.
slitscanner.js by Sha Hwang
Sha Hwang's slitscanner bookmarklet applies slit-scan photography to YouTube and Vimeo videos in the browser — collapsing a spatial slice through time to produce streak-style images. A clever application of a classic experimental film technique to browser video.
Pitch Interactive
Pitch Interactive is a data visualization studio based in Oakland — known for their work on drone strike data, network visualizations, and public-interest data journalism. One of the few studios doing both rigorous data work and high-quality visual design.
Samizdat Drafting Co.
Samizdat Drafting Co — a small design studio or tools project whose name invokes the Soviet underground self-publishing tradition. Saved in the same cluster as designer tools and visualization references from January 2013.
How to Fold a Julia Fractal
Steven Wittens' (acko.net) interactive explainer on Julia sets and complex number iteration — using animated WebGL visualizations to show how complex plane geometry folds into the fractal boundary. One of the best mathematical explanations written for the web.
Theodore Watson: Interactive Installations
Theodore Watson's portfolio — a prolific creative technologist and co-creator of ofxKinect and other openFrameworks addons. Known for interactive installations that blend physical computing, computer vision, and generative graphics.
James George: Creative Filmmaker
James George's portfolio — a filmmaker and creative technologist known for Rgbdtoolkit and CLOUDS, a documentary shot with depth cameras that allows interactive navigation. His work bridges cinema and real-time 3D.