Skip to content

The example shows how to webvr 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.

rajsek/animate-vr

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

The example shows how to webvr 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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published