Build Web AR experiences with Ready Player Me Avatars (Live Learning: Session 17)
In this hands-on 8th Wall webinar, you will learn how to Build Web AR experiences with Ready Player Me Avatars. View details below for links to materials and timestamps to skip ahead to relevant sections on developing augmented reality with https://www.8thwall.com/
In this Live Learning session we’ll review:
How to Build Web AR experiences with Ready Player Me Avatars:
8th Wall + Ready Player Me Partnership
8th Wall Blog Post [2:30] (https://www.8thwall.com/blog/post/662...)
What is Ready Player Me? [3:05]
Dune commercial project example [4:00] (https://www.8thwall.com/aircards/dune...)
Summit Scramble project example [4:45] (https://www.8thwall.com/aircards/summ...)
Here is a link to the Ready Player Me example project: https://www.8thwall.com/8thwall/rpm-a...
Project Overview and Setup
Live Learning Agenda [6:00]
Explaining the avatar-move (joystick) component [8:20] (https://www.8thwall.com/playground/jo...)
Ready Player Me container (iframe) [10:15]
Project components overview [11:00]
Ready Player Me UI Flow [12:15]
Animated rig .glb file overview [14:00]
Face Effects + Customization
Ready Player Me face effects experience [14:55]
Explaining the avatar morph targets [15:45] (https://www.8thwall.com/face/avatar)
Customize the Face Effects background image [16:40]
Metaversal Deployment
Experiencing the project on Desktop 3D [19:00]
Explaining the responsive-immersive component [19:40]
Moving an avatar in desktop 3D [20:10]
Q&A
How do you import animations for the Ready Player Me 3D model? [22:39]
What is the size of the Read Player Me 3D models? [23:30]
Can I have multiple Avatars in a single experience? [24:10]
How do I get started with Ready Player Me? [25:30]
During the walkthrough, Ian references a combination of example projects. You’ll want to access the Project Library (https://www.8thwall.com/8thwall) to find these pre-built Web AR experiences you can clone today. Projects and documentation referenced include:
Ready Player Me Example Project:https://www.8thwall.com/8thwall/rpm-a...
8th Wall Documentation:
https://www.8thwall.com/docs/web/#int...
