{"_id":"@bvkimball/react-phaser-fiber","_rev":"1-566afcb228fcd88c8e36d9320256779c","name":"@bvkimball/react-phaser-fiber","dist-tags":{"latest":"0.0.8"},"versions":{"0.0.8":{"name":"@bvkimball/react-phaser-fiber","version":"0.0.8","license":"ISC","homepage":"https://github.com/mattjennings/react-phaser-fiber","repository":{"type":"git","url":"git+https://github.com/mattjennings/react-phaser-fiber.git"},"description":"Create Phaser 3 games with React","main":"dist/index.js","keywords":["phaser","react"],"module":"dist/react-phaser-fiber.esm.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --env=jsdom","prepublishOnly":"cp ../../README.md README.md && yarn build","publish":"npm publish"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"pretty-quick --staged"}},"prettier":{"printWidth":80,"semi":false,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^24.0.17","@types/react":"^16.9.1","@types/react-dom":"^16.8.5","@types/react-reconciler":"^0.18.0","@types/uuid":"^3.4.5","react":"^16.9.0","react-dom":"^16.9.0","tsdx":"^0.7.2","tslib":"^1.10.0","typescript":"^3.5.3"},"dependencies":{"fbjs":"^1.0.0","performance-now":"^2.1.0","phaser":"^3.19.0","react-reconciler":"^0.21.0","uuid":"^3.3.3"},"bugs":{"url":"https://github.com/mattjennings/react-phaser-fiber/issues"},"_id":"@bvkimball/react-phaser-fiber@0.0.8","_nodeVersion":"12.10.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-FRJuzGLtNQZxztYQaIgkxERxU5vvg3BSyDHbzCAzMQV7bY8jjLO+RUy878MDUVXzt+kqauShRADnnWNKeQJoag==","shasum":"a1a58fa92187125f3b36b219457e9a4a77a1c2a0","tarball":"https://registry.npmjs.org/@bvkimball/react-phaser-fiber/-/react-phaser-fiber-0.0.8.tgz","fileCount":51,"unpackedSize":281913,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyiOECRA9TVsSAnZWagAAnRYP/RDm8pVE3BDzrPssmZl7\nMWf+moQzO18KNhPBmKc85Dc+jlSUHwDe+8VYst8BxBsHdr8mQOEk1UvkskAL\nv9KqCSuUXdbKvJs05TPvRSUXJ3D33M9V8cqCTzpJ6bN9374ObVMDml829ne/\n5rozmQiNkVd/12gUKopxPOiTVjVmLeH0zyVqKqXmP/BVqxV4OnbCKapQTxtT\nriiGU7GK9aGULOp0dzNgSpgS4pSrDtGxZOfX5ETiLFugOQG83c20SXP04bl1\nLZU04Od7okgSJfL+Pjba1j+XemgpLvbVuf5R1Y1HGWSD52PaorgJJRtRQLTL\nfp0ajUlpABwr5EPnKL9FHhBfDJZSzhC+8LByZosDMyHbubYb6P9nKV/6cGEx\nQZDM3bNpI7PruAkYkbkoFj5CViBzv1Dem35BqyVBQCWfYmmK83buRyyu73N8\nDvhncYtVG/QKZ8XXWbmV7/Ifylvxh6+OOeryU04uMCzAMXW4iCc+n4eA4s1q\nAkgHIwiS8HteRHzUoMISoeP0GVV5600MZ0XfuqFbQcTriIcu05R7+2LuiMLj\nyZS1T8C9uz+C4BrvMX062K/4xTbGQNyZuMVObhneD6xLRhvBGaZES8qQxv+q\nB/keS4bbkZvhVcpUTjX0EZNyUFFr1IjUY8jN/X0INSWgownDGD3BoLo7Mq/t\ngT5w\r\n=RtJy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDI5eqpDgfbaVyISbPmOQeg/5aYiDx3c18DgV1V/Th+rAiEAnuCP1DwsD+/5Uco3p7UFEJ8MPEu9uqqlcLo3MixyACs="}]},"maintainers":[{"name":"bvkimball","email":"bvkimball@gmail.com"}],"_npmUser":{"name":"bvkimball","email":"bvkimball@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-phaser-fiber_0.0.8_1573528451729_0.8159618482647708"},"_hasShrinkwrap":false}},"time":{"created":"2019-11-12T03:14:11.509Z","0.0.8":"2019-11-12T03:14:11.848Z","modified":"2022-04-04T21:17:09.746Z"},"maintainers":[{"name":"bvkimball","email":"bvkimball@gmail.com"}],"description":"Create Phaser 3 games with React","homepage":"https://github.com/mattjennings/react-phaser-fiber","keywords":["phaser","react"],"repository":{"type":"git","url":"git+https://github.com/mattjennings/react-phaser-fiber.git"},"bugs":{"url":"https://github.com/mattjennings/react-phaser-fiber/issues"},"license":"ISC","readme":"# react-phaser-fiber\n\nCreate Phaser 3 games using React. Heavily inspired by [@inlet/react-pixi](https://github.com/inlet/react-pixi).\n\nThis is _very_ much a work in progress. The following components are provided (linked to their respective Phaser class):\n\n- [Game](https://photonstorm.github.io/phaser3-docs/Phaser.Game.html)\n- [Scene](https://photonstorm.github.io/phaser3-docs/Phaser.Scene.html)\n- [Text](https://photonstorm.github.io/phaser3-docs/Phaser.GameObjects.Text.html)\n- [Image](https://photonstorm.github.io/phaser3-docs/Phaser.GameObjects.Image.html)\n- [Sprite](https://photonstorm.github.io/phaser3-docs/Phaser.GameObjects.Sprite.html)\n- [ArcadeImage](https://photonstorm.github.io/phaser3-docs/Phaser.Physics.Arcade.Image.html)\n\nThe current goal is to support all GameObjects and Physics.Arcade objects. After that, I'll look at adding Matter and Impact components.\n\n# Examples\n\n## Games\n\n[Breakout](https://codesandbox.io/s/github/mattjennings/react-phaser-fiber/tree/master/examples/breakout) (recreated from [Phaser 3's official Breakout example](https://labs.phaser.io/edit.html?src=src\\games\\breakout\\breakout.js))\n\n## Other\n\n[Custom Phaser Component](https://codesandbox.io/s/github/mattjennings/react-phaser-fiber/tree/master/examples/custom-component)\n\n[Spawning Components](https://codesandbox.io/s/github/mattjennings/react-phaser-fiber/tree/master/examples/spawner)\n\n# Getting Started\n\n## Install\n\n```cli\nnpm install react-phaser-fiber\n```\n\n## Create a game\n\n```jsx\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Game, Scene, Text } from 'react-phaser-fiber'\n\nconst App = () => {\n  return (\n    <Game width={400} height={400}>\n      <Scene sceneKey=\"main\">\n        <Text x={100} y={100} text=\"Hello World!\" style={{ color: 'white' }} />\n      </Scene>\n    </Game>\n  )\n}\n\nReactDOM.render(<App />, document.getElementById('root'))\n```\n\n[![Edit Hello World](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mattjennings/react-phaser-fiber/tree/master/examples/hello-world)\n\nThere will be proper documentation eventually, but for now look through the examples to see what else is possible.\n","readmeFilename":"README.md"}