{"id":21815922,"url":"https://github.com/ourcade/phaser3-typescript-spine","last_synced_at":"2025-04-14T00:57:07.194Z","repository":{"id":42955779,"uuid":"232685539","full_name":"ourcade/phaser3-typescript-spine","owner":"ourcade","description":"Example project for Spine animations in Phaser 3 with TypeScript plus SpinePlugin typing files! 🌟","archived":false,"fork":false,"pushed_at":"2023-03-02T11:22:40.000Z","size":3742,"stargazers_count":19,"open_issues_count":6,"forks_count":7,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-27T15:05:26.108Z","etag":null,"topics":["parcel","phaser","phaser3","spine","typescript","typescript-definitions"],"latest_commit_sha":null,"homepage":null,"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/ourcade.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2020-01-09T00:12:26.000Z","updated_at":"2025-01-18T22:06:34.000Z","dependencies_parsed_at":"2024-11-27T15:41:57.322Z","dependency_job_id":null,"html_url":"https://github.com/ourcade/phaser3-typescript-spine","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ourcade%2Fphaser3-typescript-spine","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ourcade%2Fphaser3-typescript-spine/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ourcade%2Fphaser3-typescript-spine/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ourcade%2Fphaser3-typescript-spine/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ourcade","download_url":"https://codeload.github.com/ourcade/phaser3-typescript-spine/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248804786,"owners_count":21164131,"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":["parcel","phaser","phaser3","spine","typescript","typescript-definitions"],"created_at":"2024-11-27T15:29:08.923Z","updated_at":"2025-04-14T00:57:07.160Z","avatar_url":"https://github.com/ourcade.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![parcel3-typescript-spine](https://user-images.githubusercontent.com/2236153/72027279-9e637980-323b-11ea-984e-7da548af5a83.png)\n\n# Phaser 3 + TypeScript + Spine\n\u003e Example project for Spine animations in Phaser 3 with TypeScript plus SpinePlugin typing files! 🌟\n\n![License](https://img.shields.io/badge/license-MIT-green)\n\n## In-depth Guide\n\n[You can find a guide explaining this project here.](https://blog.ourcade.co/posts/2020/phaser-3-parcel-typescript-spine/)\n\n## Demo\n\nhttps://ourcade.github.io/phaser3-typescript-spine/\n\n## Prerequisites\n\nThis example project uses the [phaser3-parcel-template](https://github.com/ourcade/phaser3-parcel-template) and requires [Parcel](https://parceljs.org/).\n\n## Getting Started\n\nClone this repository to your local machine (or download from Github or use a tool like [Degit](https://github.com/Rich-Harris/degit)):\n\n```bash\ngit clone https://github.com/ourcade/phaser3-typescript-spine.git my-project-folder\n```\n\nGo into your project folder and install dependencies:\n\n```bash\ncd my-project-folder\nnpm install\n```\n\nStart development server:\n\n```bash\nnpm run start\n```\n\nYou'll see Spine Boy in his idle animation. Press the `left` and `right` arrow keys to cycle through his other animations. 🎉\n\n\u003cimg width=\"798\" alt=\"Spine Boy\" src=\"https://user-images.githubusercontent.com/2236153/72027349-e1255180-323b-11ea-8805-172bb5348a3d.png\"\u003e\n\nDemo: https://ourcade.github.io/phaser3-typescript-spine/\n\n## Project Structure\n\n```\n    ├── ...\n    ├── public\n    │   ├── assets\n    │   │   ├── spine\n    │   │   │   ├── spineboy.atlas\n    │   │   │   ├── spineboy.json\n    │   │   │   ├── spineboy.png\n    ├── src\n    │   ├── scenes\n    │   │   ├── SpineDemo.ts\n    │   ├── types\n    │   │   ├── globals.d.ts\n    │   ├── index.html\n    │   ├── main.ts\n```\n\nThe Spine Boy assets exported from Spine is in `public/assets/spine`. These files are loaded in the `preload()` method of `SpineDemo.ts`.\n\nThe Phaser 3 SpinePlugin is loaded in `main.ts`.\n\n## License\n\n[MIT License](https://github.com/ourcade/phaser3-parcel-template/blob/master/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fourcade%2Fphaser3-typescript-spine","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fourcade%2Fphaser3-typescript-spine","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fourcade%2Fphaser3-typescript-spine/lists"}