AR Demos by 8th Wall

Hand Tracking

This A-Frame project attaches a orb, watch, and ring to the hand, creates a purple hand mesh, and uses hider-material to create a hand occluder.

stcode.org_ar-demo-hand-tracking.png

You can go to 8th Wall’s website to learn more here: https://www.8thwall.com/8thwall/hand-tracking-aframe

This project demonstrates how to create a this or that face filter effect, using head tilt as an input selection mechanism.

stcode.org_ar-demo-this-or-that.png

You can go to 8th Wall’s website to learn more here:

This example allows the user to position, scale, and rotate an object. Uses raycasting and gesture inputs.

stcode.org_ar-demo-3d-model.png

You can go to 8th Wall’s website to learn more here: https://www.8thwall.com/8thwall/manipulate-aframe

This example allows the user to grow cacti 🌵 by tapping or clicking the ground. Showcases raycasting, spawning objects, and importing a 3D model.

stcode.org_ar-demo-tap-place.png

You can go to 8th Wall’s website to learn more here: https://www.8thwall.com/8thwall/placeground-aframe

This project shows how to utilize image target tracking with SLAM in the same scene. Tap on the palm tree to drop coconuts on the nearest surface.

stcode.org_ar-demo-slam-target.png

This example allows the user to position, scale, rotate, and change between animations embedded in a 3D model.

stcode.org_ar-demo-animation-mixer.png

You can go to 8th Wall’s website to learn more here: https://www.8thwall.com/8thwall/animation-mixer-aframe

This example showcases how to create and import a navigation mesh into your WebAR project.

You can go to 8th Wall’s website to learn more here: https://www.8thwall.com/8thwall/navigation-mesh

This example showcases how to create a WebAR project with an image target and character navigation mesh.