react-phaser
v0.1.6
Published
Phaser implementation for React
Downloads
82
Readme
React-phaser
A React-based wrapper for phaser.
React-phaser allows game developers to create Phaser games using React. Main features:
- Phaser objects are represented as React VDOM nodes; react-phaser reacts to VDOM changes by adding, updating or removing Phaser objects.
- React-phaser users a React version unhooked from browser DOM manipulation.
See the example code to see an implementation of the Phaser Making your first game tutorial.
Getting started
Install with:
npm install react-phaser
In your code:
var React = require('react-phaser'),
MyGame = React.createClass({
render: function () {
return <game/>;
}
});
React.render(<MyGame/>, 'game');
require('react-phaser')
provides the same object asrequire('react')
; however, when react-phaser is first loaded it removes the DOM manipulation functionality from React, and inject the Phaser wrapper.React.render
is a method added by react-phaser. that initializes the React lifecycle for the passed element. The second parameter (a string) identifies the virtual container where the game is rendered. This is not a DOM element, but simply a react-phaser internal unique string.<game>
is one of the tags that react-phaser makes available (see list of available tags).