theatre-extensions-animations
It is a module for Theatre.js which allows you to import animation into timeline from a GLTF file.
Science Score: 44.0%
This score indicates how likely this project is to be science-related based on various indicators:
-
✓CITATION.cff file
Found CITATION.cff file -
✓codemeta.json file
Found codemeta.json file -
✓.zenodo.json file
Found .zenodo.json file -
○DOI references
-
○Academic publication links
-
○Committers with academic emails
-
○Institutional organization owner
-
○JOSS paper metadata
-
○Scientific vocabulary similarity
Low similarity (8.1%) to scientific vocabulary
Keywords
Repository
It is a module for Theatre.js which allows you to import animation into timeline from a GLTF file.
Basic Info
Statistics
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
- Releases: 2
Topics
Metadata Files
README.md
Theatre GLTF Animations to Track Sequence importer
Plugin to import GLTF animations.
How it works first we have to declare the SCENE and Animations of the GLTF. Then select an animated object, in the right menu click on a keyframe and the timeline will open. Click on the button in the toolbar above.
The keyframes of your GLTF will be recreated on the timeline.
It's develop for Theater.js 0.7.2
It is a module for Theatre.js which allows you to import animation into timeline from a GLTF file.
[!IMPORTANT] Knowledge of Bugs:
[ ] You need to enable 'Sequence all' so that the script can reassign animation to the selected properties.
[x] When reloading the page, the bind is not saved.
[x] Re-order position axies on import animation
Theater.js bugs: 1) Activate secquence for some object: https://github.com/theatre-js/theatre/issues/352
Videos Samples
You can see it browsing _videos folder.
Instalation and integration
1) run npm i @theatre/extensions-animations
main file
javascript
import animationsExtension from "theatre-extensions-animations";
...
studio.extend(animationsExtension);
studio.initialize();
...
Example with useLoader + drei
project file
```javascript
import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
import { useLoader } from "@react-three/fiber";
import { useAnimations } from "@react-three/drei";
...
import { GLTFAnimEvent } from "theatre-extensions-animations";
...
//function in react function Scene() { const gltf = useLoader(GLTFLoader, "/test_animation.glb"); if (gltf) GLTFAnimEvent(gltf);
return <primitive object={gltf.scene} />;
} ...
//JSX
<Scene /> {/*import model*/}
```
Colaboration
If you want to collaborate, you can create a pull request or you can comment it in the issue section.
Docs:
* https://www.theatrejs.com/docs/latest/manual/authoring-extensions
Owner
- Name: Anton Sychev
- Login: klich3
- Kind: user
- Location: Barcelona
- Company: @Sychev
- Website: https://sychev.xyz
- Twitter: too_klich3
- Repositories: 35
- Profile: https://github.com/klich3
FullStack developer passionate about decentralized web tech, AI, Web 2.0, FrontEnd/BackEnd, databases, and system optimization. Focused on R&D.
Citation (CITATION.cff)
#
# █▀ █▄█ █▀▀ █░█ █▀▀ █░█
# ▄█ ░█░ █▄▄ █▀█ ██▄ ▀▄▀
#
cff-version: 1.2.0
title: Theatre js Extension for import GLTF Animations
message: >-
If you use this software, please cite it using the
metadata from this file.
type: software
authors:
- email: anton@sychev.xyz
given-names: Anton
family-names: Sychev
affiliation: too
repository-code: "https://klich3@bitbucket.org/klich3/theatre-extensions-animations.git"
url: "https://github.com/klich3/theatre-extensions-animations"
abstract: "It is a module for Theatre.js which allows you to import animation into timeline from a GLTF file."
keywords:
- threejs
- react
- javascript
- Theatre
license: apache-2.0
version: 0.0.2
date-released: "2023-06-16"
GitHub Events
Total
- Watch event: 2
Last Year
- Watch event: 2
Committers
Last synced: 9 months ago
Top Committers
| Name | Commits | |
|---|---|---|
| Anthony Sychev | h****o@d****m | 6 |
Committer Domains (Top 20 + Academic)
Issues and Pull Requests
Last synced: 9 months ago
All Time
- Total issues: 1
- Total pull requests: 0
- Average time to close issues: about 1 month
- Average time to close pull requests: N/A
- Total issue authors: 1
- Total pull request authors: 0
- Average comments per issue: 7.0
- Average comments per pull request: 0
- Merged pull requests: 0
- Bot issues: 0
- Bot pull requests: 0
Past Year
- Issues: 1
- Pull requests: 0
- Average time to close issues: about 1 month
- Average time to close pull requests: N/A
- Issue authors: 1
- Pull request authors: 0
- Average comments per issue: 7.0
- Average comments per pull request: 0
- Merged pull requests: 0
- Bot issues: 0
- Bot pull requests: 0
Top Authors
Issue Authors
- lemon-room (1)
Pull Request Authors
Top Labels
Issue Labels
Pull Request Labels
Packages
- Total packages: 1
-
Total downloads:
- npm 16 last-month
- Total dependent packages: 0
- Total dependent repositories: 0
- Total versions: 2
- Total maintainers: 1
npmjs.org: theatre-extensions-animations
Module extension for Theatre.js for importing animations form GLTF
- Homepage: https://github.com/klich3/theatre-extensions-animations#readme
- License: Apache-2.0
-
Latest release: 0.0.2
published over 1 year ago