Turn test scene into splash scene wirh Aug[m]entile artwork

package.json

@@ -23,6 +23,7 @@
     "eslint-config-google": "^0.14.0",
     "favicons": "^6.2.1",
     "favicons-webpack-plugin": "^5.0.2",
+    "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.3.1",
     "style-loader": "^2.0.0",
     "symlink-webpack-plugin": "^1.1.0",

src/frontend/game.js

@@ -14,7 +14,7 @@
  */
 
 import Phaser from 'phaser';
-import TestScene from './scenes/test';
+import SplashScene from './scenes/splash';
 import './game.css';
 
 class Game extends Phaser.Game {
@@ -23,7 +23,7 @@ class Game extends Phaser.Game {
       type: Phaser.AUTO,
       width: window.innerWidth,
       height: window.innerHeight,
-      scene: TestScene,
+      scene: SplashScene,
     };
 
     super(config);

src/frontend/scenes/test.js → src/frontend/scenes/splash.js

@@ -13,13 +13,15 @@
  * limitations under the License.
  */
 
-const TestScene = {
+import logo from '../../artwork/augmentile.svg';
+
+const SplashScene = {
   preload: function() {
-    this.load.image('404', 'https://labs.phaser.io/assets/sprites/phaser3-logo.png');
+    this.load.image('logo', logo);
   },
   create: function() {
-    this.add.image(300, 400, '404');
+    this.add.image(this.cameras.main.centerX, this.cameras.main.centerY, 'logo');
   },
 };
 
-export default TestScene;
+export default SplashScene;

webpack.config.js

@@ -26,7 +26,7 @@ module.exports = {
       symlink: 'index.html'
     }),
     new FaviconsWebpackPlugin({
-      logo: './artwork/augmentile-icon.svg',
+      logo: './src/artwork/augmentile-icon.svg',
       favicons: {
         icons: {
           android: false,
@@ -53,6 +53,10 @@ module.exports = {
       {
         test: /\.css$/i,
         use: ["style-loader", "css-loader"],
+      },
+      {
+        test: /\.svg$/i,
+        use: ["file-loader"],
       }
     ]
   }

yarn.lock

@@ -2079,6 +2079,14 @@ file-entry-cache@^6.0.1:
   dependencies:
     flat-cache "^3.0.4"
 
+file-loader@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
+  integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==
+  dependencies:
+    loader-utils "^2.0.0"
+    schema-utils "^3.0.0"
+
 file-type@^3.1.0, file-type@^3.8.0:
   version "3.9.0"
   resolved "https://registry.yarnpkg.com/file-type/-/file-type-3.9.0.tgz#257a078384d1db8087bc449d107d52a52672b9e9"