Explorations – Canvas Nº014
Another exploration of a sci fi landscape. Everything is algorithmically generated. CreditsThe 3d bits were built using three.js.
Tagged: canvas
Geo – Canvas Nº015
This is another algorithmic exploration of geometry using three.js. For this one I took the time to figure…
Jade Masked One
A generative piece featuring a masked one. I rebuilt this one using a new codebase.
Horn Masked One
A generative piece featuring a masked one.
The Masked Sea Elder
A generative piece featuring a masked one.
Sea Masked Youngling
A generative piece featuring a masked one.
Sea Masked One
A generative piece featuring a masked one.
Synthwave Vibes – Canvas Nº013
I decided I wanted to do a bit of fun 3d work. This rendering combines three.js with 2d…
Draw Walkers – Canvas Nº012
This is a variant of the draw explosions sessions.
Draw Explosions – Canvas Nº011
This is based off of the previous canvas session, but this time with drawn interaction.
Sphere Swarm – Canvas Nº010
A swarm of spheres.
Circular Clumps – Canvas Nº009
In a further endeavor to create my own physics system, I started working on correctly modeling impulse colliision…
Sphere Physics – Canvas Nº008
I started building a physics simulator from scratch, because why not? I’d like to write up some of…
Spiral – Canvas Nº007
This one is more verlet integration, but this time with a spiral. I had something else more intricate…
Point Clumping – Canvas Nº006
This session has points that get generated, and then clump together. They start to break down when the…
Torn Apart – Canvas Nº005
I’ve never done verlet integration before. I didn’t write on from scratch, but happened upon an old npm…
Exponential Growth – Canvas Nº004
Copy and pasting from the last 2d session, this iteration adds subdiving behavior. Entities must gather enough resources…
Feeding Time – Canvas Nº003
Small swimming entities find food near them, and eat it up.
Follow Your Buddy – Canvas Nº002
This not a boids algorithm, but rather is a simple following algorithm. One entity randomly follows another entity,…
Tick Tock – Canvas Nº001
This is the first in a new session series, focusing on drawing with 2d. There is something very…
Session 024 - Strange Mold
I created this piece during breaks inbetween sessions at the Eyeo Festival. It had been awhile since I…
Session 022 - Spore Season
This piece was inspired by some earlier work I did for an animation backdrop. CreditsTexture used from SEspider Productions…
Session 021 - Float Medusa
I hadn’t done a session in awhile, so I decided to iterate on some of my previous ideas…
Session 020 - Golden Flows
This is my second reaction diffusion implementation. I had lots of different things I played with, but ended…
Session 019 - React Diffuse
Reaction diffusion systems have always been a bit mysterious to me. I found a nice article on the…
Session 017 - Cool Demo Bro
This was one that I had bigger ideas for, but I couldn’t implement them in a reasonable amount…
Session 016 - Asteraceae V.
This session was written near Valentines day. It was supposed to be for my wife, but I gave…
Session 015 - Antlered Ones
Masked SpiritI have been building up my quad generation tools, and with this session I feel like I’m…
Session 013 - Cells Sticker
This particular piece looks like the geometry would take a lot of lines of code to generate, but…
Session 014 - Masked Spirit
I have been building up my quad generation tools, and with this session I feel like I’m finally…
Session 012 - Is An Anenome
The name of this sessions is again one that is directly determined by the size of the space…
Session 011 - Segmentation
I saw some cool work by @hughskennedy pass through my Twitter feed and I had to give it…
Session 010 - Spheres Orbit
I was curious about exploring reflections with this piece. I boiled down all of the background calculations to…
Session 009 - Microscopism
I’m quite happy with the organic nature of this demo. The math definitely got away from me on…
Session 008 - Star Trakking
As a quick side note, I try to not adjust font sizes on the session pages, but I…
Session 007 - The Undersea
Boids are classic, absolutely classic, and overdone. I love them still. This implementation built on the work of…
Session 006 - Sci Fi Interface
Shout out to Mikko Haapoja for this one. He made a series of npm modules awhile back with…
Session 004 - Gravity Waves
I re-used a trick I had done previously in an unpublished three.js visualization. This one takes a large…
Session 005 - A Box School
Getting access to a lot of the raw power of shaders is quite fun. In this example I…
Session 003 - Dotted Planet
In this exploration, I took it to space. Points in WebGL are quite fun to work with. It’s…
Session 001 - Windy Terrain
This is the first “Session” in the series, and my first time really working in regl. It’s quite…
Session 002 - Beam Network
The second session was a jam on the first one. I love being free to copy and paste…
River - Paths over Time
This is a coding exploration inspired by flying over rivers while flying. I was inspired…
Wandering Lines - Move Until a Collision
Having been inspired by the work of Anders Hoff, I decided to try my hand…
Gravity #4 - Self Attraction with Friction
This poem doesn’t follow as strictly to the rules of Gravity. There is some friction…
How to Draw Beautiful Things in the Browser
In 2014 I wrote a pretty detailed post on getting into creative coding. It featured live code examples,…
Gravity #3 - Directed Gravitational Paths
NASA calculated orbital paths using slide rulers, this programming poems uses the mouse to direct…
Recursivity #5 - Draw a colorful 3d tree
This poem adds another dimension to the 2d tree drawing poem. I love how these…
Recursivity #4 - Repeating Circles
This poem is built on a simple rule, take a circle, divide it in half,…
Gravity #2 - Multiple Black Holes
After creating the initial setup, the best thing to do is add even more to…
Recursivity #3 - Draw a beautiful fractal tree
I’m quite happy with the way this particular poem turned out. It’s very satisfying taking…
Gravity #1 - Black Hole
After reading Neal Stephenson’s Anathema a second time, watching Cosmos, and of course that one…
Recursivity #2 - Branching Fractal Trees
The second poem in my fractal series explores the idea of branching structures. These really…
Recursivity #1 - Koch Fractal
Launch the poem. Fork it on GitHub. I’m starting out a new series of programming poems using the idea of…
Stochasticity #8 - Webcam
This stochastic poem takes the idea of random drawing, but with a sampled color. It take the webcam,…
Stochasticity #7 - Audio
This stochastic piece dives into some audio. The poem uses the new Web Audio specification for browsers. It’s…
Stochasticity #6 - Weather Vectors
Another vector field poem, this simulation is starting to feel a lot like weather. The rules are similar…
Stochasticity #5 - Etch-A-Sketch
This poem is a little bit of a departure form the last ones. There is a vector field…
Stochasticity #4 - Polar Blobs
I changed up the coordinate space and size of the random color “walkers” on this fourth version of…
Stochasticity #3 - Chasing
This third sketch is a variation on #2, but it adds a lot of personality to the random…
Stochasticity #2 - Moving Out
This variation on the previous poem changes the way that the probability of the random color “walkers” is…
Stochasticity #1 - Random Walkers
I’ve started a new series of programming poems exploring the idea of stochasticity. What is stochasticity? It’s a…
EvolveJS
I’ve been playing around with an evolution simulator using the latest in web technologies. It’s all built in…