$TigerFart Memecoin
Project
13 / 16
Scope
Frontend engineering | WebGL interaction | Motion
Status
Archived Project
Summary
$TigerFart centers its memecoin identity on one theatrical arrest scene. A police-board frame exposes the contract, a claw-mark title anchors the character, and random plea bubbles keep the absurd persona changing after the timed reveal.
$TigerFart uses layered images, a custom WebGL haze shader, Canvas 2D particles, CSS haze rings, and Framer Motion transitions to reinforce the same gag. The arrest board remains functional: selecting it copies the address, reports the result, and starts a short cooldown.
Inside the Build
$TigerFart crossfades the character from a static image into a WebGL-distorted version driven by image, heat-map, and noise textures. Mouse movement changes shader depth on desktop, while device acceleration feeds the same uniform on compatible mobile hardware.
$TigerFart uses layered CSS haze rings on desktop and a capped Canvas 2D particle loop on mobile. A second scene and explosion sequence remain outside the deployed path. Its visual effects use WebGL and Canvas 2D; the installed React Three Fiber and Three.js packages are unused.
Contribution
- I built the timed reveal and one-screen arrest-board composition
- I created the heat-map and noise-driven WebGL image distortion
- I added mouse, device-motion, CSS haze, and Canvas particle input
- I implemented clipboard feedback and cooldown behavior on the contract board
Built with
- React
- TypeScript
- Vite
- Framer Motion
- WebGL
- Canvas 2D
