Skip to content

Latest commit

 

History

History
19 lines (9 loc) · 1.26 KB

README.md

File metadata and controls

19 lines (9 loc) · 1.26 KB

Animated WebVr

This Code is inspired from animation-controls Project, Example of using aframe-extras animation-mixer component with json model and web-rtc's getUserMedia function.

The example shows how to smoothly transition between different animation states of a character model exported from blender as json. Animate the 3D model based on noise(air blow sound) from user microphone.

View the working example here: Heroku link

You can learn more about the animation-mixer created by Don McCurdy at this link: animation-mixer.

For help on learning how to get a workflow going in blender I found these two tutorials to be quite helpful.

Arturo Paracuellos has a good tutorial on how to export from blender using the THREE exporter plugin. You can find his tutorial here: Workflow: Animation from Blender to three.js.

To learn how to create and import animation actions to your character see this great little tutorial: Creating and Editing Actions