@ion-phaser/react
    TypeScript icon, indicating that this package has built-in type declarations

    1.3.0 • Public • Published

    IonPhaser for React

    Introduction

    React specific wrapper for ion-phaser component.

    Why?

    Most people who use React don’t use Web Components and there're some limitations handling data with Custom Components from React. Thus, this React component was created not to need to reference their Custom Elements using a ref and manually attach the game, this makes working with IonPhaser not cumbersome 👍🏻

    Usage

    import React, { Component } from 'react'
    import Phaser from 'phaser'
    import { IonPhaser } from '@ion-phaser/react'
    
    class App extends Component {
    
      state = {
        initialize: true,
        game: {
          width: "100%",
          height: "100%",
          type: Phaser.AUTO,
          scene: {
            init: function() {
              this.cameras.main.setBackgroundColor('#24252A')
            },
            create: function() {
              this.helloWorld = this.add.text(
                this.cameras.main.centerX, 
                this.cameras.main.centerY, 
                "Hello World", { 
                  font: "40px Arial", 
                  fill: "#ffffff" 
                }
              );
              this.helloWorld.setOrigin(0.5);
            },
            update: function() {
              this.helloWorld.angle += 1;
            }
          }
        }
      }
    
      render() {
        const { initialize, game } = this.state
        return (
          <IonPhaser game={game} initialize={initialize} />
        )
      }
    }
    
    export default App;

    Supporting 🍻

    I believe in Unicorns 🦄 Support me, if you do too. Professionally supported @ion-phaser/react is coming soon

    Happy coding 💯

    Made with ❤️

    Install

    npm i @ion-phaser/react

    DownloadsWeekly Downloads

    546

    Version

    1.3.0

    License

    MIT

    Unpacked Size

    51.3 kB

    Total Files

    38

    Last publish

    Collaborators

    • jdnichollsc