Getting Started with Animations (Live Learning: Session 16)
In this hands-on 8th Wall webinar, you will learn how to get started with animation in WebAR experiences. 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:
Getting started with animations in WebAR Experiences:
Animation Component
Animation Component Overview [2:02] (https://aframe.io/docs/1.2.0/componen...)
Animation Component Code Example [3:30]
Easing Animations [5:00]
Animation Events [6:40]
Example Projects with Animations [8:30]
Animation Mixer Component
Animation Mixer Overview [13:40]
3D model animation mixer example [13:55]
A-frame animation mixer GitHub [16:05] (https://github.com/n5ro/aframe-extras...)
Example projects with Animation Mixer [19:00]
Morph Targets (Blend Shapes)
Morph Targets Overview [21:40]
3D model Morph Targets example [23:55]
Morph Targets project examples [27:30]
Morph Target Component Github [29:00] (https://github.com/elbobo/aframe-gltf...)
Example project combining multiple animation types [31:00]
During the walkthrough, Rigel uses a combination of example projects to do so. You’ll want to access the Project Library (https://www.8thwall.com/8thwall) to find these pre-built WebAR experiences you can clone today. Projects and documentation referenced include:
8th Wall Example Projects:
Place Ground: https://www.8thwall.com/8thwall/place...
Fire Works: https://www.8thwall.com/8thwall/firew...
Morph Targets: https://www.8thwall.com/8thwall/morph...
Animation Mixer: https://www.8thwall.com/8thwall/anima...
Character Camera: https://www.8thwall.com/playground/ch...
Joystick Movement: https://www.8thwall.com/playground/jo...
8th Wall Documentation:
https://www.8thwall.com/docs/web/#int...