Experiments

Playable games, real-time 3D environments, generative math shaders, and tinkering projects exploring the edge of modern web capabilities.

AI-Assisted Development: I actively use and experiment with modern AI-assisted coding tools, agentic workflows, and LLMs across these projects — accelerating procedural math, shader development, engine physics, asset generation, and rapid browser prototyping.
21 Projects
/
WebGL & Canvas Graphics
/
Three.js & PixiJS Engines
/
AI Pair-Programmed Workflow
Showing 21 of 21
3D & WebGL · ACTIVE · --

Mystical Ride

An interactive moonlit boat ride through a dense jungle waterway, with reflective waves, a fading wake, and switchable dawn and rain.

Three.jsWebGLGLSLBlenderVite
Game · ACTIVE · --

Apex Marina

Top-down speedboat racing & exploration game featuring physics-based water wake simulation, rubber-band AI competitors, buoy checkpoints, and dynamic marine life.

TypeScriptPhaser 3Canvas / WebGLViteGame Dev
3D Web · ACTIVE

Halo — 3D Ceiling Fan

A cinematic, scroll-driven 3D product showcase for the Halo smart ceiling fan. Features procedural airflow particle simulation, interactive material finish selector, and photorealistic PBR rendering.

Three.jsWebGLBlenderVanilla JSCreative Coding
3D & WebGL · ACTIVE · --

Simulation Lab

Thirteen live miniature simulations running in the browser on one WebGL canvas. Gear trains, heat diffusion, a car on a rolling road, a wind tunnel with a real fluid solver, warehouse robots, a pick-and-place arm with inverse kinematics, and a twelve-link Rube Goldberg machine built on rigid-body physics. Every one has live controls, statistics and procedural sound, and each is driven by a tested model that knows nothing about rendering.

Three.jsTypeScriptReactWebGLPlanck.jsWeb Audio
3D Web · ACTIVE

PearBook 3D

A cinematic, scroll-driven 3D product launch experience for a fictional laptop. Smooth scroll mapping to camera orbits, procedural lid hinge kinetics, and interactive display shaders.

Three.jsGLTFWebGLScroll AnimationsPBR
Game · ACTIVE · --

DESCENT

A 2D deep-sea submarine expedition game. Dive from the ocean surface down to 1,000 meters into the bathypelagic abyss, discovering hydrothermal vents, bioluminescent creatures, and benthic wonders.

TypeScriptViteHTML5 CanvasProcedural AudioOceanography
Game · ACTIVE · --

Blood Pixel

Fast-paced top-down zombie survival shooter. Battle relentless undead hordes with tactical weapon swapping, fluid particle blood effects, dynamic line-of-sight lighting, and audio spatialization.

TypeScriptPixiJSVite2.5D SpritesGame Dev
Game · ACTIVE

Ironstead

A browser-based real-time strategy (RTS) diorama game inspired by classic RTS mechanics. Gather wood and gold, construct settlements, train archers and knights, and raze the enemy fortress.

TypeScriptPixiJSViteA* PathfindingRTS Engine
Game · ACTIVE · --

Swarmguard

A free colorful top-down tower defense game — build crossbow, cannon, and bomb towers to defend your castle core across 10 waves of monster swarms. Play directly in your browser.

HTML5 CanvasPixiJSTypeScriptGame DevelopmentTower Defense
Creative Tech · ACTIVE · --

Formula Art

A creative coding studio exploring generative mathematical beauty through WebGPU compute shaders, WebGL raymarching, p5.js sketches, and trigonometric canvas patterns.

WebGPUWebGLShadersp5.jsMathematics
Web App · ACTIVE · --

ClaimYourSpot

A collaborative real-time 10,000-tile (100x100) infinite 2D world on the internet — claim a permanent coordinate, pick an 8-bit avatar, and link your profile.

AstroTypeScriptCanvas 2DNode.jsExpressPostgreSQLSSE
Archive · ACTIVE · --

The Web Was Here

An interactive living historical archive of internet culture from 1990 through 2026. Explore curated era-defining websites, tech milestones, hardware evolutions, and nostalgic design aesthetics.

AstroTypeScriptInternet HistoryCSS ErasThree.js
3D Web · ACTIVE · --

CTG Explorer

A browser-based 3D open world built on the real geography of Chattogram — roam procedurally generated roads, hills, ponds, the port, and city landmarks on foot in Three.js.

Three.jsTypeScriptViteWebGLOpenStreetMapProcedural 3D
3D & WebGL · ACTIVE · --

Retro Desk Portfolio

An interactive 3D desk you can actually explore. Boot a CRT operating system, slide floppy disks into the drive to open projects, and flip handwritten notebooks to read the writing — all rendered in real time in the browser.

Three.jsTypeScriptViteBlenderGSAPWeb Audio
3D & WebGL · ACTIVE · --

Hydraulic Press vs Nokia 3310

A 100-ton hydraulic press takes on a Nokia 3310 and loses. Plates crack, bolts fly, oil sprays and the press blows apart while the phone lands face up with "3310 WINS". Swap in a soda can, rubber ball, glass or tungsten cube and each one crumples, bounces, shatters or fights back depending on its material and the press tonnage.

Three.jsJavaScriptWebGLWeb Audio
Restaurant Platform · Active

MealHQ

A premium restaurant platform with an editorial public website, admin dashboard, POS, and an offer management system — built for hospitality brands.

LaravelPHPTailwind CSS v4Alpine.jsMySQLDocker
Personal Productivity / Life OS · Active

DailyLOG

Personal Life OS & productivity dashboard with bidirectional notes, task boards, and structured journals.

Laravel 12PostgreSQLTailwind CSS v4Alpine.jsViteTiptapLibreSpeedSupabase

Want to build something like this? Hit me up on X ↗ or email me at fazley111@gmail.com