Chucksquatch
My own tee brand. A members-club flagship site and three chapter worlds, each with a heavy 3D hero that runs at full frame rate on ordinary hardware.
Chucksquatch is a Florida streetwear brand with a stitched-patch sasquatch mascot. One brand forks into three lines, each with its own world. The Gulf Coast chapter is a neon sign firing up over wet asphalt in the rain. Origins is a declassified cryptid case file played back as dubbed trail-cam tape. Parkways is a drop page that treats a Georgia water tower as the skyline.
The flagship is a 1977 members-club den with an embroidered patch built in 3D. All four ship as one site.
Stack
- Vanilla HTML, CSS, and JavaScript, no build step
- Three.js and GSAP ScrollTrigger
- Custom GLSL, rain on glass, neon tubes, wet-asphalt reflector, found-footage tape pass
- Cloudflare Workers static assets
- Playwright smoke gates
Decisions
- Three lines, one canon. Each drop owns a complete palette, type voice, and world; shared canon rules and chrome that recolors per world keep all four pages reading as one brand.
- The sign is constructed, then fired up. The mascot runs as a double neon tube with a flicker ignition timeline over asphalt whose reflections come from a real reflector under a procedural puddle mask; scroll drives eight authored camera shots.
- Composition solved, not hoped for. A coverage solver sweeps every camera pose, scroll position, and aspect ratio and sizes sky, plates, and ground so no edge ever enters frame.
Lessons
- Numeric gates are easy to satisfy and still wrong on taste. A measured bloom directive was tuned into the exact defect the eye caught; looking at the frame and reverting by hand was the working control.
- Heavy film grain applied in linear space gets amplified more than four times by the color encode. The tape look was re-engineered in two passes and two color spaces and the noise dropped fifteen-fold.