{ AR 8thWall ~ Three.js } Painting on mesh 🎨

Description

An AR web application that enables painting directly on 3D mesh surfaces in augmented reality. Built with 8th Wall for SLAM tracking and Three.js for 3D rendering, this app allows users to draw and paint on detected surfaces using their mobile device camera.

ScreenRecording_10-29-2025.11-23-05_1.mp4

Setup

1. Create .env.local file in the project root and add your 8th Wall key inside:

VITE_8THWALL_APP_KEY=xxxxxxxxxxxxxxxxxxxxxxxxx

2. Run the following commands:

# Install dependencies (only the first time)
yarn

# Run the local server
yarn dev

# Build for production in the dist/ directory
yarn build