Exhilarating Web Runner Game Development
Budget: $250 – $750 USD
Immersive 2–3 min Web Runner “Chasing the White Rabbit” (Three.js / React + R3F)
Summary
We’re creating a short brand experience: a 2–3 minute web runner focused on visual impact and smooth flow (no hard game over).
Gameplay: auto-forward across 3 lanes; lane switch (arrow keys or A/D), jump & double jump (Space). Obstacles (crates/cards/doors/clockwork) apply slowdown. Progress bar toward the “White Rabbit”; clean runs accelerate progress. Collectibles (keys/cards/gears).
Scenes: three themed locations with portal transitions — “Jester’s Corridor”, “Gallery”, “Mechanics Hall”.
Tech/perf: Three.js or React + react-three-fiber, WebAudio API, GLTF/GLB; target 60 FPS on modern desktop/mobile, Chrome/Safari/Firefox/Edge.
Assets: our animator & 3D artist will provide visuals/audio; you integrate & optimize.
Deliverables
Develop a 2–3 minute web runner (3 lanes, jump/double jump, obstacles, collectibles)
Implement the final interactive 3D product reveal (GLTF/GLB) with CTAs
HUD: progress-to-Rabbit bar + collectibles counter
Cross-browser support and perf pass to target 60 FPS + graceful fallbacks
Production build, source code handover, and deployment assistance (Vercel/Netlify/S3/Cloudflare)
Summary
We’re creating a short brand experience: a 2–3 minute web runner focused on visual impact and smooth flow (no hard game over).
Gameplay: auto-forward across 3 lanes; lane switch (arrow keys or A/D), jump & double jump (Space). Obstacles (crates/cards/doors/clockwork) apply slowdown. Progress bar toward the “White Rabbit”; clean runs accelerate progress. Collectibles (keys/cards/gears).
Scenes: three themed locations with portal transitions — “Jester’s Corridor”, “Gallery”, “Mechanics Hall”.
Tech/perf: Three.js or React + react-three-fiber, WebAudio API, GLTF/GLB; target 60 FPS on modern desktop/mobile, Chrome/Safari/Firefox/Edge.
Assets: our animator & 3D artist will provide visuals/audio; you integrate & optimize.
Deliverables
Develop a 2–3 minute web runner (3 lanes, jump/double jump, obstacles, collectibles)
Implement the final interactive 3D product reveal (GLTF/GLB) with CTAs
HUD: progress-to-Rabbit bar + collectibles counter
Cross-browser support and perf pass to target 60 FPS + graceful fallbacks
Production build, source code handover, and deployment assistance (Vercel/Netlify/S3/Cloudflare)
Related categories:
JavaScript
3D Rendering
3D Animation
Game Development
React.js
Three.js
Cross Browser