@@ -6,11 +6,11 @@ import { PhaserGame } from './game/PhaserGame';
6
6
function App ( )
7
7
{
8
8
// The sprite can only be moved in the MainMenu Scene
9
- const [ canMoveLogo , setCanMoveLogo ] = useState ( true ) ;
9
+ const [ canMoveSprite , setCanMoveSprite ] = useState ( true ) ;
10
10
11
11
// References to the PhaserGame component (game and scene are exposed)
12
12
const phaserRef = useRef ( ) ;
13
- const [ logoPosition , setLogoPosition ] = useState ( { x : 0 , y : 0 } ) ;
13
+ const [ spritePosition , setSpritePosition ] = useState ( { x : 0 , y : 0 } ) ;
14
14
15
15
const changeScene = ( ) => {
16
16
@@ -31,7 +31,7 @@ function App ()
31
31
// Get the update logo position
32
32
scene . moveLogo ( ( { x, y } ) => {
33
33
34
- setLogoPosition ( { x, y } ) ;
34
+ setSpritePosition ( { x, y } ) ;
35
35
36
36
} ) ;
37
37
}
@@ -65,7 +65,9 @@ function App ()
65
65
66
66
// Event emitted from the PhaserGame component
67
67
const currentScene = ( scene ) => {
68
- setCanMoveLogo ( scene . scene . key !== 'MainMenu' ) ;
68
+
69
+ setCanMoveSprite ( scene . scene . key !== 'MainMenu' ) ;
70
+
69
71
}
70
72
71
73
return (
@@ -76,10 +78,10 @@ function App ()
76
78
< button className = "button" onClick = { changeScene } > Change Scene</ button >
77
79
</ div >
78
80
< div >
79
- < button disabled = { canMoveLogo } className = "button" onClick = { moveSprite } > Toggle Movement</ button >
81
+ < button disabled = { canMoveSprite } className = "button" onClick = { moveSprite } > Toggle Movement</ button >
80
82
</ div >
81
83
< div className = "spritePosition" > Sprite Position:
82
- < pre > { `{\n x: ${ logoPosition . x } \n y: ${ logoPosition . y } \n}` } </ pre >
84
+ < pre > { `{\n x: ${ spritePosition . x } \n y: ${ spritePosition . y } \n}` } </ pre >
83
85
</ div >
84
86
< div >
85
87
< button className = "button" onClick = { addSprite } > Add New Sprite</ button >
0 commit comments