Skip to content

vincentfretin/AFrame-Runtime-GLTF-Animations

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AFrame GLTF Animations in the Runtime

Screenshot

Description / Rationale

This is a project, which demonstrates the possibility of adding animations to 3D models (gltf/glb) in the runtime. The project was inspired by Henry Egloff's blog article "How to Load GLTF Animations as Separate Files in Three.js".

Instructions

To see the project at work just copy the repository to your local server and explore all the functionality. Animations can be downloaded separately from mixamo.com.

Please note: Animations downloaded from Mixamo are in .fbx format. They need to be converted to binary GLTF (.glb) files using Blender. While doing so, make sure to: rename the animation; save the file with the same name as animation.

Tech Stack

The project is powered by AFrame and Three.js

Future Work

  • Adding more animations.

Demo

To see the application at work: Demo application

About

A small project demonstrating AFrame GLTF animations in the runtime

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 48.1%
  • HTML 39.3%
  • CSS 12.6%