creative coding · generative art · web art

Where the cursor becomes a brush.

A field guide to making art with code — the tools, the sketches, the shaders, and the people turning algorithms into images. Every loop is a stroke; every variable, a decision.

p5.jsProcessingWebGL & shadersgenerative systemsAI image tools

01The Sketchbook — Creative Coding

Environments where code runs as a visual medium. Start in the browser, graduate to the GPU, and never stop hitting “run.”

javascript · browser

p5.js

The friendliest on-ramp to creative coding. Draw, animate, and react in the browser with a tiny, legible API. Free, open, and taught in art schools everywhere. The web editor at editor.p5js.org runs your first sketch in seconds.

java · desktop

Processing

The original sketch-based coding environment, born at the MIT Media Lab. It seeded an entire movement — p5.js, Processing.py, and openFrameworks all trace back here. Still the workhorse for generative print work.

webgl · 3d

Three.js

WebGL made approachable. Build 3D worlds, data visualizations, and interactive scenes that run in any browser. A steep but rewarding climb — the payoff is real-time 3D with no plugins.

gpu · shaders

Shadertoy

Write fragment shaders straight in the browser and watch the GPU paint every pixel in real time. The bleeding edge of computational aesthetics, and a humbling, beautiful rabbit hole.

node-based · realtime

TouchDesigner

A visual, node-based studio for real-time motion graphics, installations, and live visuals. Beloved by VJs and new-media artists who want generative systems without writing every line by hand.

community · sketches

OpenProcessing

A gallery and playground where the creative-coding community shares sketches you can fork, remix, and learn from. The best way to read other people’s code is to run it.

02The Studio — Digital Art Tools

Where hand and pixel meet. Design, paint, and generate — from drag-and-drop to diffusion models.

design · free tier

Canva

The democratizer of design. A powerful free tier, endless templates, and drag-and-drop simplicity make it the go-to for social graphics, posters, and decks. Pro unlocks brand kits and premium assets.

ui/ux · collaborative

Figma

The industry standard for interface design. Free for individuals, fully collaborative, with components, auto-layout, and prototyping. Essential for anyone designing for screens.

painting · ipad

Procreate

The finest digital painting app on the iPad — natural brushes, deep layer control, and a one-time price. Trusted by professional illustrators the world over.

ai · text-to-image

Midjourney

AI image generation tuned for sheer aesthetic quality. Photoreal or painterly, it turns text prompts into striking results. A leading tool for concept art and visual exploration.

ai · conversational

DALL·E

Accessible text-to-image generation, woven into a familiar chat interface. Great for fast concepts and quick iterations when you’re thinking out loud in pictures.

ai · open-source

Stable Diffusion

The backbone of the open-source AI-art movement. Run it locally on your own GPU, fine-tune it on your own work, and keep full control with no subscription.

03Go Deeper

Hand-picked links, the latest videos, and a running feed of news from the creative-coding world.

curated links

Sources →

Independent tools and learning sites worth your time — the libraries, communities, and tutorials that actually move you forward.

watch

Videos →

Twenty creative-coding & generative-art videos worth watching, from full beginner courses to showreels — recent standouts first, then all-time favorites.

read

News →

A live feed of headlines from across creative coding, generative art, and digital design — refreshed automatically.

Also from the WholeTech Network
AI WholeTechSTEAM LearnStumbliciousWholeTech
paint ▸
◐ Theme