ST Dev
Back to Projects
Project Deep Dive
Live Product Preview
TRAP PATH preview
Web AppsBrowser Game

TRAP PATH

TRAP PATH is a responsive psychological platform game built for desktop and mobile browsers. Players navigate six handcrafted experiments inside an abandoned facility where platforms collapse, exits lie, controls invert, gravity changes, hidden hazards activate, and even the camera becomes part of the challenge. Phaser powers the gameplay and physics simulation, while React provides the surrounding interface, level selection, archive, settings, progress tracking, and completion flows. The project includes keyboard, controller, and touch input; persistent local progress and statistics; synthesized audio; procedurally generated visual assets; accessibility settings; an in-browser level editor with JSON import and export; offline PWA support; and optional Supabase-powered global leaderboards and cloud saves.

Timeline

July 2026

Category

Web Apps

Build Mode

Browser Game

Tech Stack
React 18TypeScriptVite 8Phaser 3ZustandTailwind CSSFramer MotionGSAPHowler.jsSupabaseService WorkersVitestESLintVercel

Build Highlights

What This Project Shows

A quick scan of the core product decisions, AI workflow, and engineering value behind the build.

Six handcrafted psychological platforming experiments

Deceptive mechanics including false exits, collapsing floors, hidden hazards, gravity changes, and inverted controls

Responsive gameplay for desktop and mobile browsers

Keyboard, game controller, and mobile touch input

Wall jumping, coyote time, jump buffering, and responsive movement mechanics

Persistent local progress, settings, statistics, secrets, and best times

Optional Supabase-powered global leaderboard and cloud saves

Visual level editor with grid snapping, validation, undo and redo, autosave, and JSON import and export

Procedurally generated pixel textures and synthesized sound effects

Dark and light themes with accessibility and high-contrast settings

Installable Progressive Web App with offline support

Automated TypeScript, ESLint, and Vitest quality checks

Production deployment configuration for Vercel, Netlify, and GitHub Pages