evanmcarlson/uncharted
Coming soon.
Showcase
evanmcarlson/balenciaga-pride
An AR-activated t-shirt concept for Balenciaga. When scanned, the shirt reveals a digital animation transforming the Balenciaga logo through the colors of the rainbow.
evanmcarlson/ctrl
A physical-to-digital intervention provoking awareness around control of attention, identity, and reality. A WebAR layer transforms physical posters, shifting the viewer from passive observer to active participant.
Demos
evanmcarlson/aframe-8gui
A-Frame example demonstrating GUI controls for manipulating scene properties in a WebAR experience.
evanmcarlson/aframe-camera-shader
Custom camera shader applied to a live feed in A-Frame, enabling real-time post-processing effects in WebAR.
evanmcarlson/aframe-chromakey
Chroma key (green screen) shader for A-Frame, compositing video content into a WebAR scene.
evanmcarlson/aframe-selective-bloom
Selective bloom post-processing effect in A-Frame, applying glow to specific objects in a WebAR scene.
evanmcarlson/aframe-splines
Spline-based path animation in A-Frame, moving objects along smooth curves in a WebAR scene.
evanmcarlson/aframe-embedded
Example demonstrating how to embed a WebAR experience inline within a standard web page using A-Frame and 8th Wall.
evanmcarlson/aframe-face-occluder
Face occlusion in A-Frame using a head mesh to realistically hide objects behind the user's face in AR.
evanmcarlson/aframe-face-texture
Real-time texture mapping onto a tracked face mesh in A-Frame, enabling face paint and mask effects in WebAR.
evanmcarlson/aframe-fixed-face
Face tracking example that locks a 3D object in a fixed position relative to the tracked face using A-Frame.
evanmcarlson/aframe-ghost-place
World-tracked AR experience in A-Frame where ghost-like objects are placed and persist in physical space.
evanmcarlson/aframe-gif-texture
Animated GIF textures applied to 3D geometry in A-Frame, bringing 2D animations into a WebAR scene.
evanmcarlson/aframe-gradient-shaders
Custom gradient shaders for A-Frame materials, creating smooth color transitions on 3D objects in WebAR.
evanmcarlson/aframe-image-target-stickers
Image target tracking example that overlays interactive stickers onto a physical target using A-Frame.
evanmcarlson/aframe-mario-luigi
A-Frame WebAR experience featuring Mario and Luigi, demonstrating character animation and world tracking.
evanmcarlson/aframe-opacity-animation
A-Frame example demonstrating opacity animation on 3D objects, creating fade-in and fade-out effects in WebAR.
evanmcarlson/aframe-shuffle
A-Frame experience that randomizes and shuffles 3D object arrangements in AR, demonstrating dynamic scene composition.
evanmcarlson/aframe-transform-controls
Interactive transform controls for manipulating 3D objects in A-Frame — translate, rotate, and scale in WebAR.
evanmcarlson/aframe-web-workers
A-Frame example offloading heavy computation to Web Workers, keeping the AR rendering thread smooth and responsive.
evanmcarlson/three-custom-threejs-pipeline
A custom Three.js rendering pipeline integrated with 8th Wall, demonstrating how to extend the default render loop.
evanmcarlson/three-model-behind-stencil
Stencil buffer technique in Three.js that renders a 3D model selectively behind a masked region in WebAR.
evanmcarlson/three-ratk-mesh-detection
Real-time mesh detection using the Raw API Toolkit (RATK) with Three.js and 8th Wall, surfacing geometry from the physical environment.
evanmcarlson/three-ratk-plane-detection
Plane detection using the Raw API Toolkit (RATK) with Three.js and 8th Wall, identifying horizontal and vertical surfaces in the environment.
evanmcarlson/three-model
A minimal example of loading and rendering a 3D model in a WebAR scene using Three.js and 8th Wall.
evanmcarlson/three-postprocessing
Post-processing effects pipeline in Three.js integrated with 8th Wall, applying full-screen shader passes to a WebAR scene.
evanmcarlson/studio-face-hearts
A face tracking WebAR experience built in 8th Wall Studio, emitting animated hearts from the user's face.
evanmcarlson/studio-loading
A customizable loading screen implementation for 8th Wall Studio experiences.
Resources
evanmcarlson/aframe-sprite-particles-component
A live demo of a forked A-Frame component for sprite-based particle effects — published to make it accessible to developers who need a working example out of the box.
evanmcarlson/8thwall-ios-webview
Example code on implementing a WebView iOS app which launches an 8th Wall WebAR experience.
evanmcarlson/three-immersal-8thwall
Immersal integration with 8th Wall.