{"id":22191919,"url":"https://github.com/klich3/theatre-extensions-animations","last_synced_at":"2026-01-28T15:32:00.722Z","repository":{"id":176109407,"uuid":"654566197","full_name":"klich3/theatre-extensions-animations","owner":"klich3","description":"It is a module for Theatre.js which allows you to import animation into timeline from a GLTF file.","archived":false,"fork":false,"pushed_at":"2024-07-04T11:22:27.000Z","size":2508,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-09-04T23:02:04.731Z","etag":null,"topics":["addon","animation","gltf","gltf-animation","module","plugin","theatre","theatre-module","theatrejs"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/klich3.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":"CITATION.cff","codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":["klich3"],"ko_fi":"klich3"}},"created_at":"2023-06-16T12:08:49.000Z","updated_at":"2025-08-01T02:04:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"1abc3566-d4e5-48c2-b2cd-04117229e1ed","html_url":"https://github.com/klich3/theatre-extensions-animations","commit_stats":null,"previous_names":["klich3/theatre-extensions-animations"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/klich3/theatre-extensions-animations","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/klich3%2Ftheatre-extensions-animations","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/klich3%2Ftheatre-extensions-animations/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/klich3%2Ftheatre-extensions-animations/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/klich3%2Ftheatre-extensions-animations/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/klich3","download_url":"https://codeload.github.com/klich3/theatre-extensions-animations/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/klich3%2Ftheatre-extensions-animations/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28846342,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-28T15:15:36.453Z","status":"ssl_error","status_checked_at":"2026-01-28T15:15:13.020Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["addon","animation","gltf","gltf-animation","module","plugin","theatre","theatre-module","theatrejs"],"created_at":"2024-12-02T12:18:23.212Z","updated_at":"2026-01-28T15:32:00.700Z","avatar_url":"https://github.com/klich3.png","language":"TypeScript","funding_links":["https://github.com/sponsors/klich3","https://ko-fi.com/klich3"],"categories":[],"sub_categories":[],"readme":"# Theatre GLTF Animations to Track Sequence importer\n\nPlugin to import GLTF animations.\n\nHow it works first we have to declare the SCENE and Animations of the GLTF. \nThen 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.\n\nThe keyframes of your GLTF will be recreated on the timeline.\n\n\nIt's develop for Theater.js 0.7.2\n\nIt is a module for Theatre.js which allows you to import animation into timeline from a GLTF file.\n\n\u003e [!IMPORTANT]\n\u003e***Knowledge of Bugs:***\n\u003e\n\u003e    [ ] You need to enable 'Sequence all' so that the script can reassign animation to the selected properties.\n\u003e \n\u003e    [x] When reloading the page, the bind is not saved.\n\u003e \n\u003e    [x] Re-order position axies on import animation\n\n\n***Theater.js bugs:***\n    1) Activate secquence for some object: https://github.com/theatre-js/theatre/issues/352\n\n***Videos Samples***\n\nYou can see it browsing `_videos` folder.\n\n---\n\n## Instalation and integration\n\n1) run `npm i @theatre/extensions-animations`\n\n***main file***\n```javascript\n    import animationsExtension from \"theatre-extensions-animations\";\n    ...\n    studio.extend(animationsExtension);\n    studio.initialize();\n    ...\n```\n\nExample with `useLoader` + `drei`\n***project file***\n```javascript \nimport { GLTFLoader } from \"three/examples/jsm/loaders/GLTFLoader\";\nimport { useLoader } from \"@react-three/fiber\";\nimport { useAnimations } from \"@react-three/drei\";\n...\nimport { GLTFAnimEvent } from \"theatre-extensions-animations\";\n...\n\n//function in react\nfunction Scene() {\n\tconst gltf = useLoader(GLTFLoader, \"/test_animation.glb\");\n\tif (gltf) GLTFAnimEvent(gltf);\n\n\treturn \u003cprimitive object={gltf.scene} /\u003e;\n}\n...\n\n//JSX\n\u003cCanvas\u003e\n    {/* ... */}\n    \u003ccolor attach=\"background\" args={[\"#ccc\"]} /\u003e\n    \u003cOrbitControls /\u003e\n    \n    \u003cScene /\u003e {/*import model*/}\n\u003c/Canvas\u003e\n\n```\n\n---\n\n### Colaboration\n\nIf you want to collaborate, you can create a `pull request` or you can comment it in the `issue` section.\n\n\n### Docs:\n    * https://www.theatrejs.com/docs/latest/manual/authoring-extensions","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fklich3%2Ftheatre-extensions-animations","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fklich3%2Ftheatre-extensions-animations","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fklich3%2Ftheatre-extensions-animations/lists"}