Project:
Everything's Computer
Agency
Personal
Functions
Custom Design Tool
Image Manipulation
Typography Animation
Creative Coding
Everything’s Computer is my personal digital playground—born from a long-standing fascination with algorithmic design. I’ve always been drawn to the idea of systems you can simply tweak parameters of to generate endless visual iterations that still feel cohesive.
At the time of writing, Everything’s Computer is a suite of five tools (and dozens in the tinkering stage): three for algorithmic image manipulation, and two for animated typography. As AI democratizes design, I believe brand differentiation could come from building custom, code-driven systems like these—tools that create not just consistency, but character.
Everything’s Computer features three algorithmically driven image manipulators. Each one produces a distinct visual style, but they all share a common core: pixel quantization, followed by the application of shapes, colors, or graphics based on density, color, or grayscale values. This base image below was processed through each tool to generate the outputs below.
Layer Tone is a multi-pass halftone generator that lets you stack layered effects. Each layer can be assigned to a specific tonal range and customized with its own shape, gradient map, and density settings. The result is a highly flexible tool that allows for complex, stylized outputs with endless visual possibilities.
.avif)
.avif)
Inspired by my obsession with legos as a kid, Lego Master uses WebGL to transform images into real-time Lego-style mosaics. Users can fine-tune shadow depth, peg dimensions, and highlight intensity to dial in the look, with instant visual feedback. A custom gradient map is then applied to the blocks, giving the final output a stylized, brick-by-brick aesthetic.
.avif)
.avif)
.avif)
Pixel Hero maps gradients onto quantized pixel clusters—similar to the other tools—but adds a twist: you can stretch and squeeze the dimensions of those cluster. Uniform ratios still produce interesting graphic results, but once you start warping them, things get a lot more fun. It’s a simple interaction that opens up a wide range of unexpected, visually striking outputs.
.avif){kind=tracking}
.avif){kind=tracking}
.avif){kind=tracking}
Shift Grid is the first of two typographic animation tools. It slices the canvas into horizontal and vertical sections, then applies sine wave motion across both axes to create fluid, grid-based distortion. A glass-like effect emerges by offsetting each cell’s position relative to the center of the text input. The animation moves in perfect endless loops.
Wave Line generates flowing patterns by duplicating a single text input across multiple lines, then animating each letter with sine wave motion. Users can control movement across the x, y, and z axes, including rotation, to fine-tune the effect. Optional ribbon overlays add a sense of depth and layering, turning simple text into a dynamic, visual form. The output is a fluid, mesmerizing effect.
Other Projects
