so easy! create mine sweeping game with react-raphael!
npm install react-raphael-mine-sweeping
so easy! create mine sweeping game with react-raphael!
# or specify the externals in webpack config
npm install --save raphael
# install react-raphael-mine-sweeping in your react-raphael-mine-sweeping project
npm install --save react-raphael-mine-sweeping
`` js
var React = require('react');
var ReactDOM = require('react-dom');
var MineSweeping = require('react-raphael-mine-sweeping');
class MineSweepingApp extends React.Component {
constructor(props){
super(props);
this.state = {
mineCount: 60,
xSize: 24,
ySize: 24,
openSum: 24 * 24,
closeSum: 0
}
}
replay(){
this.refs.mine.replay();
this.setState({
openSum: 24 * 24,
closeSum: 0
})
}
handleClick(context){
this.setState({
openSum: context.openSum,
closeSum: context.closeSum
})
}
render(){
var {mineCount,openSum,closeSum} = this.state;
return ()
open box count:
{openSum}
close box count:
{closeSum}
mine count:
{mineCount}
}
}
ReactDOM.render(
API
#### All Mine Sweeping Props
- mineCount
mine count of the game
- xSize number column count of the boxs
- ySize number row count of the boxs
- onClick function click event of the game context=>{x,y,models,openSum,closeSum}#### All Mine Sweeping Ref
- replay
Email: liuhong1.happy@163.com