Tap, click, or press a key on the canvas to start browser audio.

# Mobile Touch Arena

A mobile-first WASM example for touch input. Use the left side of the screen as a virtual stick to move, and the right side to aim and fire. Active touch contacts are drawn with their anchors and drag vectors so the browser touch mapping is visible while playing.

Desktop gamepads use the same gameplay intent: left stick moves, right stick aims and autofires, and start restarts after game over.

The example deliberately separates its gameplay area from its canvas size. `PLAY_WIDTH` is the active playfield width, while `SIDE_GUTTER` adds non-gameplay canvas space on both sides for thumbs and virtual-stick comfort. `HEIGHT` is also a phone-ergonomics tuning knob. These constants are local to this example and are expected to be tweaked while testing different phone aspect ratios.

On iPhone and iPad, serve the WASM build over HTTPS and make sure the Ring/Silent switch allows browser audio. The shared WASM page scales the canvas to fit the visible viewport in both portrait and landscape. For the closest fullscreen-like iOS experience, add the page to the Home Screen and launch it as a standalone web app.