Augmented Reality Prototypes

Pioneering next-gen immersive experiences through the power of augmented reality and the web.

Three.js AR.js WebGL Touché

This project explores the intersection of web technologies and augmented reality, creating interactive experiences that overlay digital content onto the physical world through mobile and desktop browsers. The experiments demonstrate scalable AR solutions for product visualization, educational tools, and spatial computing interfaces.

Core Features

Real-Time AR

Seamless augmented reality experiences that update dynamically with device movement.

Native Performance

Optimized for mobile and desktop hardware using web standards for maximum compatibility.

Interactive Content

Users can manipulate 3D objects and visualizations through both touch and gaze controls.

Web Standards

Built with open web technologies for cross-platform deployment without special requirements.

// Example marker recognition implementation const arScene = document.getElementById('ar-canvas'); const arToolkitContext = new THREEx.ArToolkitContext({ cameraParametersUrl: 'camera_para.dat', detectionMode: 'mono_and_matrix', matrixCodeType: '4x4', }); arToolkitContext.init((err) => { if (err !== undefined) console.error(err); });
Back to Projects