Code and Art

There is an odd space between the technical and the creative. They are typically thought of as opposites, but I like to think of them as different sides of the same coin. As both an artist and a programmer, I enjoy exploring this middle ground.

This site is has been around for awhile, and has accumulated my work over my changes in professions and interests. It partly exists to show off my latest work, but it is also an archive of many the ideas I’ve explored.

I work for Mozilla as a Software Engineer. I have an arts background but my work spans from traditional mediums, to digital work, and everywhere in between. Lately I have focused more of my time on creative coding.

Jump to articles

Articles

Datasets - How Neural Machine Translation Works

I’m currently working on training client-side translation models for Firefox. These models are small distilled models that can be reasonably downloaded by our users, and run directly on their machines… read

Encoding Text in UTF-8 – How Unicode Works (Part 2)

In part 1 of this article I covered the idea of creating character sets, and different strategies for encoding them. The article covered UTF-32 and UTF-16 encodings with the benefits… read

Diacritical Marks in Unicode

I won’t bury the lede, by the end of this article you should be able to write your name in crazy diacritics like this: Ḡ͓̟̟r̬e̱̬͔͑g̰ͮ̃͛ ̇̅T̆a̐̑͢ṫ̀ǔ̓͟m̮̩̠̟. This article is part… read

Encoding Text, UTF-32 and UTF-16 – How Unicode Works (Part 1)

The standard for how to represent human writing for many years was ASCII, or American Standard Code for Information Interchange. This representation reserved 7 bits for encoding a character. This… read

Better Code Reviews with Mercurial History Rewriting

This is a companion piece to the Better Code Reviews with git History Rewriting, but this time with mercurial. The intro from that post works for this one as well… read

Better Code Reviews with git History Rewriting

The following post is a walkthrough on how I take a larger pull request, and break it down into well-ordered commits. At Mozilla, there is a pretty strong code review… read

Drawing ASCII Art to Test a Physics System

Generating my own ASCII art in programming projects is a great way to solve certain hard problems. Diagrams made from PNGs with some kind of rendered documentation is great, but… read

Documenting Regex with ASCII Art

Generating my own ASCII art in programming projects is a great way to solve certain hard problems. Diagrams made from PNGs with some kind of rendered documentation is great, but… read

WebGL Model View Projection

As part of a fellowship with MDN in 2016, I wrote content around the use of the model, view, and projection matrix for WebGL code. This article explores how to take… read

Matrix Math for the Web

As part of a fellowship with MDN in 2016, I wrote content around the use of matrix math, but with a web content spin. Matrices can be used to represent transformations… read

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, and I spoke briefly about some of my philosophy with approaching creativity… read

Latest Work

Explorations – Canvas Nº014

Geo – Canvas Nº015

Tavern Miniature

Jade Masked One

Horn Masked One

The Masked Sea Elder

Sea Masked Youngling

Sea Masked One

Synthwave Vibes – Canvas Nº013

Draw Walkers – Canvas Nº012

Draw Explosions – Canvas Nº011

Sphere Swarm – Canvas Nº010

Circular Clumps – Canvas Nº009

Sphere Physics – Canvas Nº008

Spiral – Canvas Nº007

Point Clumping – Canvas Nº006

Torn Apart – Canvas Nº005

Exponential Growth – Canvas Nº004

Feeding Time – Canvas Nº003

Follow Your Buddy – Canvas Nº002

Tick Tock – Canvas Nº001

Session 024 - Strange Mold

Session 022 - Spore Season

Session 021 - Float Medusa

Session 020 - Golden Flows

Session 019 - React Diffuse

Session 018 - Field Function

Session 017 - Cool Demo Bro

Session 016 - Asteraceae V.

Session 015 - Antlered Ones

Session 013 - Cells Sticker

Session 014 - Masked Spirit

Session 012 - Is An Anenome

Session 011 - Segmentation

Session 010 - Spheres Orbit

Session 009 - Microscopism

Session 008 - Star Trakking

Session 006 - Sci Fi Interface

Session 007 - The Undersea

Session 005 - A Box School

Session 004 - Gravity Waves

Session 003 - Dotted Planet

Session 002 - Beam Network

Session 001 - Windy Terrain

River - Paths over Time

Wandering Lines - Move Until a Collision

Growth - Fungal State

Growth - Incremental Additions

Low Poly Washington

3d computer graphics

Low Poly Cardinal

3d computer graphics

Low Poly Trees

3d computer graphics

Debug Landscape

Polar Space - A Retro Space Game

Gravity #4 - Self Attraction with Friction

Adventures of Mr Rat - Episode 1: "Frack"

Wind-Up Smasher of Oz

3d computer graphics

The Wind-Up Bird

3d computer graphics

Journey of Oz

3d computer graphics

Gravity #3 - Directed Gravitational Paths

Recursivity #5 - Draw a colorful 3d tree

Recursivity #4 - Repeating Circles

Gravity #2 - Multiple Black Holes

Recursivity #3 - Draw a beautiful fractal tree

Gravity #1 - Black Hole

Recursivity #2 - Branching Fractal Trees

Recursivity #1 - Koch Fractal

Stochasticity #8 - Webcam

Stochasticity #7 - Audio

Stochasticity #6 - Weather Vectors

Stochasticity #5 - Etch-A-Sketch

Stochasticity #4 - Polar Blobs

Stochasticity #3 - Chasing

Stochasticity #2 - Moving Out

Stochasticity #1 - Random Walkers

Another Simulator Artifact

EvolveJS 3d

Artifacts from an Evolution Simulator

Debug Evolution Explosion

Debug Evolution Ball

EvolveJS

The Journey of Oz

3d computer graphics

Macro Photography - Bees

Macro Photography - Little Spider

Glass City Miniature

Fiber-optic Shark Head Exhibit Piece

Aquarium Murals - Marvels and Mysteries

If I Only Had a Friend

Chicken Knight

Pants!

Check out some more