wip

.dockerignore

@@ -0,0 +1,57 @@
+# Dependencies
+node_modules
+npm-debug.log
+yarn-debug.log
+yarn-error.log
+
+# Next.js
+.next
+out
+
+# Testing
+coverage
+
+# Production
+build
+dist
+
+# Misc
+.DS_Store
+*.pem
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# IDE
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Git
+.git
+.gitignore
+
+# Docker
+Dockerfile
+.dockerignore
+
+# TypeScript
+*.tsbuildinfo
+
+# Logs
+logs
+*.log
+
+# Cache
+.cache

src/App.tsx

@@ -1,5 +1,5 @@
 import { useRef, useState } from 'react';
-import { IRefPhaserGame, PhaserGame } from './game/PhaserGame';
+import PhaserGame, { IRefPhaserGame } from './game/PhaserGame';
 import { MainMenu } from './game/scenes/MainMenu';
 
 function App()
@@ -8,15 +8,16 @@ function App()
     const [canMoveSprite, setCanMoveSprite] = useState(true);
 
     //  References to the PhaserGame component (game and scene are exposed)
-    const phaserRef = useRef<IRefPhaserGame | null>(null);
+    const phaserRef = useRef<IRefPhaserGame>();
     const [spritePosition, setSpritePosition] = useState({ x: 0, y: 0 });
+    const [currentScene, setCurrentScene] = useState<Phaser.Scene | null>(null);
 
     const changeScene = () => {
 
         if(phaserRef.current)
-        {     
+        {
             const scene = phaserRef.current.scene as MainMenu;
-            
+
             if (scene)
             {
                 scene.changeScene();
@@ -55,10 +56,10 @@ function App()
                 // Add more stars
                 const x = Phaser.Math.Between(64, scene.scale.width - 64);
                 const y = Phaser.Math.Between(64, scene.scale.height - 64);
-    
+
                 //  `add.sprite` is a Phaser GameObjectFactory method and it returns a Sprite Game Object instance
                 const star = scene.add.sprite(x, y, 'star');
-    
+
                 //  ... which you can then act upon. Here we create a Phaser Tween to fade the star sprite in and out.
                 //  You could, of course, do this from within the Phaser Scene code, but this is just an example
                 //  showing that Phaser objects and systems can be acted upon from outside of Phaser itself.
@@ -74,15 +75,14 @@ function App()
     }
 
     // Event emitted from the PhaserGame component
-    const currentScene = (scene: Phaser.Scene) => {
-
+    const onCurrentActiveScene = (scene: Phaser.Scene) => {
+        setCurrentScene(scene);
         setCanMoveSprite(scene.scene.key !== 'MainMenu');
-        
-    }
+    };
 
     return (
         <div id="app">
-            <PhaserGame ref={phaserRef} currentActiveScene={currentScene} />
+            <PhaserGame currentActiveScene={onCurrentActiveScene} />
             <div>
                 <div>
                     <button className="button" onClick={changeScene}>Change Scene</button>