Three.js Developer Needed for Interactive Wedding Invitation Maze Game (Desktop & Mobile)
Budget: $10 – $750 USD
? Seeking a skilled Three.js developer to create an interactive Wedding Invitation Maze Runner game optimized for both desktop and mobile users. The game will be an engaging 3D experience where players navigate a wedding-themed maze to reach the altar, revealing a beautifully animated wedding invitation at the end. The project requires expertise in Three.js, WebGL, Cannon.js (physics), GSAP (animations), and GLTF models.
? Key Features & Game Flow:
? Game Start & UI:
• Fullscreen HTML/CSS UI overlay with a Start Game button.
• Soft-focus wedding venue background with a brief game intro.
• Light background music to enhance immersion.
? Responsive Controls (Desktop & Mobile):
• Desktop:
• WASD / Arrow Keys for movement
• Mouse Drag to rotate the camera
• Spacebar to interact (e.g., open gates)
• Mobile:
• Virtual Joystick (Bottom Left Corner) for movement
• Swipe (Right Side of Screen) to rotate the view
• Tap on objects to interact
? 3D Maze & Environment:
• Romantic Garden Maze with hedges, flower arches, and fairy lights.
• Altar at the center serves as the game’s final goal.
• Petal rain effect (Three.js particle system) for added ambiance.
• NPC Bridesmaids provide hints along the way.
? Interactive Elements & Physics (Cannon.js & GSAP):
• Flower Gates that open when interacted with.
• Smooth animations for transitions and interactions.
• Camera follow system for a fluid player experience.
? Invitation Reveal & UI Integration:
• When the player reaches the altar, a cinematic zoom-in effect occurs.
• A custom wedding invitation appears, displaying:
• Bride & Groom’s Names
• Wedding Date, Time, and Venue
• Custom message: “We can’t wait to celebrate with you!”
• Interactive UI on the invitation screen:
• RSVP Button → Links to the Sonfie RSVP website
• Download Invitation as PNG/PDF
• Social Share → Send via email, social media, or copy link
? Ending & Replay Options:
• A message: “See you at the wedding!” appears, offering options to:
• Replay the Game
• Exit
? Tech Stack & Development Requirements:
✅ Three.js → 3D rendering (maze, characters, environment)
✅ Cannon.js → Physics engine (gates, interactions)
✅ GSAP → Smooth UI animations
✅ GLTF Models → Character and environment assets
✅ HTML/CSS UI Overlay → Mobile-friendly interface
? Performance Optimization:
• Dynamic controls (auto-detect desktop vs. mobile)
• Optimized assets for fast loading & smooth rendering
• Lazy-loading textures for better mobile performance
? Development Milestones:
1️⃣ Set up Three.js scene (lighting, camera, ground)
2️⃣ Build the maze layout using BoxGeometry or a GLTF model
3️⃣ Implement player movement & interactive elements
4️⃣ Add maze interactions (gates, hints, NPCs, petal effects)
5️⃣ Trigger the invitation reveal sequence at the altar
6️⃣ Optimize for mobile performance & touch controls
7️⃣ Deploy & refine (cross-browser & device testing)
? Key Features & Game Flow:
? Game Start & UI:
• Fullscreen HTML/CSS UI overlay with a Start Game button.
• Soft-focus wedding venue background with a brief game intro.
• Light background music to enhance immersion.
? Responsive Controls (Desktop & Mobile):
• Desktop:
• WASD / Arrow Keys for movement
• Mouse Drag to rotate the camera
• Spacebar to interact (e.g., open gates)
• Mobile:
• Virtual Joystick (Bottom Left Corner) for movement
• Swipe (Right Side of Screen) to rotate the view
• Tap on objects to interact
? 3D Maze & Environment:
• Romantic Garden Maze with hedges, flower arches, and fairy lights.
• Altar at the center serves as the game’s final goal.
• Petal rain effect (Three.js particle system) for added ambiance.
• NPC Bridesmaids provide hints along the way.
? Interactive Elements & Physics (Cannon.js & GSAP):
• Flower Gates that open when interacted with.
• Smooth animations for transitions and interactions.
• Camera follow system for a fluid player experience.
? Invitation Reveal & UI Integration:
• When the player reaches the altar, a cinematic zoom-in effect occurs.
• A custom wedding invitation appears, displaying:
• Bride & Groom’s Names
• Wedding Date, Time, and Venue
• Custom message: “We can’t wait to celebrate with you!”
• Interactive UI on the invitation screen:
• RSVP Button → Links to the Sonfie RSVP website
• Download Invitation as PNG/PDF
• Social Share → Send via email, social media, or copy link
? Ending & Replay Options:
• A message: “See you at the wedding!” appears, offering options to:
• Replay the Game
• Exit
? Tech Stack & Development Requirements:
✅ Three.js → 3D rendering (maze, characters, environment)
✅ Cannon.js → Physics engine (gates, interactions)
✅ GSAP → Smooth UI animations
✅ GLTF Models → Character and environment assets
✅ HTML/CSS UI Overlay → Mobile-friendly interface
? Performance Optimization:
• Dynamic controls (auto-detect desktop vs. mobile)
• Optimized assets for fast loading & smooth rendering
• Lazy-loading textures for better mobile performance
? Development Milestones:
1️⃣ Set up Three.js scene (lighting, camera, ground)
2️⃣ Build the maze layout using BoxGeometry or a GLTF model
3️⃣ Implement player movement & interactive elements
4️⃣ Add maze interactions (gates, hints, NPCs, petal effects)
5️⃣ Trigger the invitation reveal sequence at the altar
6️⃣ Optimize for mobile performance & touch controls
7️⃣ Deploy & refine (cross-browser & device testing)