Creative Projects

Interactive experiments and digital art that I have created for fun and learning. Canvas animations, games, and more!

3D Developer Room

An interactive 3D WebGL scene built with Three.js showing a developer typing in a room. Features PBR materials, custom point/ambient lighting, and skeletal keyframe animations.

WebGL

Three.js

3D Scene

Animation

Interactive Dot Grid

A playful grid-based interactive layout. Click or hover on any dot to trigger organic ripple wave animations staggered using Anime.js compound keyframes.

Anime.js

Interactive

Stagger Delay

Fireworks & Perlin Noise

An interactive canvas animation featuring particle explosions. Explosion particles dynamically respond to Perlin noise vector fields to simulate organic wind force.

p5.js

Perlin Noise

Particles

Physics

Interactive Kaleidoscope

A geometric visual project generating rotating star patterns. Control rotation speed, scale, and radial positions with mouse cursor vectors and keyboard shortcuts.

p5.js

Trigonometry

Keyboard States

Visual Art

Yule Log

A canvas-based ASCII fire animation with multiple visual modes — warm, spooky, rainbow, blue, and more. Includes a flame height control and fullscreen support.

Canvas

Animation

ASCII Art

Tic Tac Toe

A classic local two-player tic tac toe board with round tracking, match resets, and styling that follows the active 2026 theme tokens.

Game

Interactive

Theme Aware

Hangman

A custom-phrase hangman game with a friendly floating helper animation, keyboard guessing, and theme-aware visuals.

Word Game

Animation

Party Play

Algebraic Symphony

A 3D WebGL mathematical mesh that dances and morphs to music. Upload audio files or use the microphone to watch algebraic surfaces react to sound.

Three.js

Web Audio API

Interactive Art

3D Data Structures Visualizer

An interactive 3D WebGL data structures simulator showcasing arrays, stacks, queues, linked lists, trees, hash tables, and graphs in real-time, complete with animated insertions, removals, and traversals.

WebGL

Three.js

Data Structures

Animation

America's 250th Flying Flag

A flying waving flag animation celebrating America's 250th birthday. Toggle between a 3D WebGL Three.js noise wave engine and 2D CSS methods (staggered slices & SVG turbulence filters) across multiple historic flag designs.

WebGL

Three.js

CSS Slices

SVG Filter

3D Fireworks Particle Show

An interactive 3D particle fireworks show celebrating the Semiquincentennial. Features custom explosion physics computed on the GPU, a 2D Anime.js fallback, and synthesized audio effects.

WebGL

Three.js

Anime.js

Web Audio API

Minecraft Skin Viewer & Editor

An interactive 3D skin viewer and custom pixel art editor for Minecraft character skins. Create, customize, cache locally, and download your skin library.

WebGL

Three.js

Pixel Editor

IndexedDB