Pathbound

Pathbound is a complete HTML5 physics puzzle built with Phaser 3. Guide the green ball to the gold ring with a limited number of touches: tap or click anywhere on the playfield and the ball is nudged toward your finger, and each accepted nudge costs one touch from the budget. Plan your route through the walls, spend your touches wisely and reach the goal before they run out. 8 handcrafted levels, distance-scaled impulse physics, fully synthesized audio and runtime-generated SVG art - all in plain JavaScript with no build step.

Highlights

• Unique touch-budget mechanic: every accepted tap costs one touch
• Distance-scaled impulse physics: the ball roughly settles where you tap
• 8 hand-designed levels with progressive difficulty (1 to 4 touches per level)
• Wall bounce physics with throttled bounce sounds
• Level select screen with unlock progression and COMPLETED badges
• Win and lose result screens with confetti burst, next / replay / retry flow
• Pause panel with resume, restart level and level select
• HUD strip showing level name and touches remaining
• Progress (unlocked levels) and sound preference saved in localStorage
• Fully synthesized audio via the Web Audio API - zero audio files
• All artwork generated as SVG at runtime - zero image files
• Responsive FIT scaling: the 1920x1080 stage fits any screen size or orientation
• Mouse and multi-touch input (desktop and mobile)
• Sound on/off toggle on the main menu

Technology

• Phaser 3.80.1 with Arcade Physics, loaded via import map
• Plain JavaScript ES modules, no build step, no dependencies beyond Phaser itself
• Runtime-generated SVG data URIs for all artwork (no image files)
• Web Audio API for all sound (no audio files)
• One-file tuning: PHYSICS knobs in src/config.js, levels in src/data/levels.js, colors in src/data/theme.js

Requirements

• Any modern browser and any static host (or a local static server for testing)
• No build tools, no accounts; ES modules require serving over HTTP (any static server works)

What You Get

• Complete, commented Phaser 3 source: scenes, entities, systems, UI and level data
• 8 levels as plain data with a documented format for adding your own
• documentation.html: setup, structure, how to play, customization, physics tuning, deploying and publishing checklist
• README.md with a quick-start and project overview
• 8 gameplay screenshots
• Full rights to rebrand, reskin, extend and publish on any website or app store wrapper

Please note: this is a source code template, not a compiled app. Basic knowledge of HTML and JavaScript is recommended for customization. If you have questions, use the contact form on the site, I usually reply within 24 hours.