AR Assemble Game – Web-Based Interactive Car Builder

Augmented Reality

Demo

Project Overview

NXT Interactive Saudi Arabia proudly introduced the AR Assemble Game – Car Builder Edition, an immersive, interactive AR experience designed specifically for expos and exhibitions across the Kingdom. Hosted as part of a major innovation showcase, this browser-based WebAR activation allowed visitors to virtually assemble a car from its parts — all through their mobile devices, with no app download required.

Created with event audiences in mind, this solution offered a blend of education, entertainment, and engagement, all within an intuitive and gamified augmented reality interface. Users interacted directly with floating 3D car components in their real-world environment, offering an unforgettable blend of digital and physical interaction — ideal for experiential marketing and technology showcases.

User Experience Flow

Access via QR Code or Web Link
Users scan a branded QR code or tap a link on-site to launch the experience in their mobile browser.
AR World Detection
The AR engine scans for a flat surface (table, floor) and places a set of disassembled car parts in the user’s environment.
Assembly Gameplay Begins
- Users drag and drop each part — wheels, doors, engine, mirrors, chassis, etc. — to its correct position.
- Realistic snapping animations confirm successful placements.
- Users rotate the scene or walk around for a full 360° view.
Hint & Info Features
Optional features include:
- “Ghost” outlines to guide users.
- Info pop-ups explaining each part’s function, perfect for educational environments.
Final Reveal
Once the car is fully assembled, it animates to life with sound effects, light pulses, rotating wheels, and a celebratory visual.
Share & Replay
Participants can take a photo with their completed car in AR, and optionally share it or replay the experience.

Immersive Racing Experience:

Realistic 3D karting track with environment dynamics like day/night cycles, cheering audiences, ambient sound, and motion cues.
Full hand controller support for steering, drifting, and triggering power-ups.
Visual elements like HUD display for lap time, speed, and leaderboard updates.

Game End & Score Display:
After the race, users receive a final scorecard showing:
- Lap time, top speed, drift score
- Leaderboard ranking
- Option to replay or share score (QR code/email/social integration)

Core Features

Fully Web-Based AR: No app required – works instantly on any supported mobile browser.
Interactive Touch-Based Drag & Drop: Direct manipulation of 3D objects through intuitive gestures.
Immersive Real-World Integration: Digital content overlays seamlessly with the user’s environment for a true AR experience.
Gamified Mechanics: Points, timers, and scoreboards can be added for event-based competitions.
Custom Branding: Fully customizable interface, car models, and environment to align with brand themes and sponsors.

Software Stack & Development Tools

AR SDK: 8thWall for world tracking and plane detection
3D Rendering: Three.js for lightweight, mobile-optimized rendering
Game Engine Logic: JavaScript-based custom engine for UI and logic
3D Assets: GLTF/GLB low-poly models for fast performance
Animation & Effects: GSAP and custom shaders for part snapping, glow, and celebration animations
Sound Management: Howler.js for engine revs, clicks, and interactive feedback
UI/UX: Responsive interface tailored for touch interactions across Android and iOS

Hardware Requirements

For End Users (Mobile Participants):

Smartphone or tablet (Android 9+ with Chrome, or iOS 13+ with Safari)
Camera access enabled
Stable internet connection for smooth loading

For On-Ground Event Setup (Optional):

Branded QR Code Stations
Touch Kiosks or tablets for accessibility
55" LED Screen mirroring for audience viewing
Wi-Fi hotspot for connected engagement
Optional printer station for branded photo takeaways

Performance Optimization

Lazy-loading of assets for faster startup
Device-based model scaling for consistent AR anchoring
Adaptive UI layout for various screen sizes
Real-time FPS monitoring to ensure smooth interaction

Event Deployment & Reception

This interactive AR experience was featured prominently at a large-scale expo and exhibition in Saudi Arabia, attracting students, families, and professionals alike. Good number of unique sessions were recorded in two days, with strong re-engagement and photo-sharing metrics. The solution successfully blended AR technology with hands-on learning, making it one of the most talked-about activations at the event.

At NXT Interactive Saudi Arabia, we specialize in crafting immersive, web-based AR experiences like the AR Assemble Game — blending technology, creativity, and interaction to transform spaces and captivate audiences at every kind of event. Whether for education, entertainment, or brand engagement, we turn physical spaces into digital playgrounds.