{"id":15368457,"url":"https://github.com/matthijsgroen/geppetto","last_synced_at":"2025-04-09T18:22:06.280Z","repository":{"id":39712045,"uuid":"333370520","full_name":"matthijsgroen/geppetto","owner":"matthijsgroen","description":"🎨 Tool for creating WebGL Animations","archived":false,"fork":false,"pushed_at":"2025-01-24T22:48:58.000Z","size":156778,"stargazers_count":74,"open_issues_count":5,"forks_count":4,"subscribers_count":1,"default_branch":"next","last_synced_at":"2025-04-02T12:38:57.435Z","etag":null,"topics":["create-react-app","pwa","react","webgl","webgl-animator"],"latest_commit_sha":null,"homepage":"https://geppetto.js.org/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/matthijsgroen.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":"https://paypal.me/MatthijsGroen"}},"created_at":"2021-01-27T09:37:35.000Z","updated_at":"2024-11-28T21:47:26.000Z","dependencies_parsed_at":"2024-10-16T09:41:30.551Z","dependency_job_id":"53ed0023-5f0b-4983-8d29-cf927bbf14bc","html_url":"https://github.com/matthijsgroen/geppetto","commit_stats":{"total_commits":705,"total_committers":2,"mean_commits":352.5,"dds":0.04255319148936165,"last_synced_commit":"82c070125472551ddcf7e5c4d33a9837c676ddbb"},"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matthijsgroen%2Fgeppetto","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matthijsgroen%2Fgeppetto/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matthijsgroen%2Fgeppetto/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matthijsgroen%2Fgeppetto/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/matthijsgroen","download_url":"https://codeload.github.com/matthijsgroen/geppetto/tar.gz/refs/heads/next","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248085662,"owners_count":21045194,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["create-react-app","pwa","react","webgl","webgl-animator"],"created_at":"2024-10-01T13:29:28.152Z","updated_at":"2025-04-09T18:22:06.251Z","avatar_url":"https://github.com/matthijsgroen.png","language":"TypeScript","funding_links":["https://paypal.me/MatthijsGroen"],"categories":[],"sub_categories":[],"readme":"# Geppetto\n\n![Geppetto logo](./public/logo192.png)\n\nGeppetto is a free and open animation tool to create and embed webGL animations in a web site. This is the repository for the browser app to create the animations.\n\n- [Geppetto website](https://geppetto.js.org/)\n- [Geppetto JavaScript Player library](https://github.com/matthijsgroen/geppetto-player)\n- [Discussions](https://github.com/matthijsgroen/geppetto/discussions)\n\n## Geppetto - NEXT\n\nThis is the branch for the Geppetto Studio 'next' where the studio application will be turned into a PWA, saying goodbye to the electron app. For the electron app version, check the `main` branch.\n\n## What is Geppetto?\n\nGeppetto consists of two parts. A [web application](https://geppetto.js.org/app) to define animated images, and a [JavaScript library](https://github.com/matthijsgroen/geppetto-player) to play them.\n\n## How does it work?\n\nYou need to create a texture file as .PNG. in Geppetto you will make layers from your texture, and compose them into your image. Next step is to add mutations to your layer tree to create motion. You can then create timelines to define multiple animations.\n\nThese animations (the created .json file and your texture .png) can then be loaded using [the geppetto player](https://github.com/matthijsgroen/geppetto-player) and embedded in a website or electron app.\n\n![Screenshot: Animation screen](./screenshots/animation2.png)\n\n## Available Scripts\n\nYarn scripts to get started with this repo:\n\n- `yarn start` Starts the web app in develoment mode\n- `yarn test` Running tests\n- `yarn build` Create production builds\n\n## Learn More\n\nYou can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).\n\nTo learn React, check out the [React documentation](https://reactjs.org/).\n\n## Special thanks\n\n- Guido Theelen, for creating the Geppetto logo\n\n# License\n\n[MIT](./LICENSE) (c) [Matthijs Groen](https://twitter.com/matthijsgroen)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatthijsgroen%2Fgeppetto","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmatthijsgroen%2Fgeppetto","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatthijsgroen%2Fgeppetto/lists"}