update sample

Author: daoauth

.github/workflows/deploy.yml

@@ -24,7 +24,7 @@ jobs:
           npm run build
 
       - name: Deploy Phaser 3 TypeScript project to Walrus
-        uses: zktx-io/[email protected].0
+        uses: zktx-io/[email protected].4
         with:
           site-path: ${{ github.workspace }}/dist
           object-id: '0x6f39a12152a48d05038654b623ef3b0f63a78f60547553ec7a89e02b854a4a83'

package-lock.json

@@ -57,13 +57,14 @@ function App()
                 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');
+                const textureKey = Math.random() < 0.5 ? 'walrus' : 'sui';
+                const sprite = scene.add.sprite(x, y, textureKey);
 
                 //  ... 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.
                 scene.add.tween({
-                    targets: star,
+                    targets: sprite,
                     duration: 500 + Math.random() * 1000,
                     alpha: 0,
                     yoyo: true,
@@ -80,6 +81,18 @@ function App()
 
     }
 
+    const handleClick_1 = () => {
+        window.open("https://docs.walrus.site/walrus-sites/intro.html", "_blank", "noopener,noreferrer");
+    };
+
+    const handleClick_2 = () => {
+        window.open("https://github.com/marketplace/actions/walrus-sites-ga", "_blank", "noopener,noreferrer");
+    };
+
+    const handleClick_3 = () => {
+        window.open("https://github.com/zktx-io/phaserjs-template-react-ts", "_blank", "noopener,noreferrer");
+    };
+
     return (
         <div id="app">
             <PhaserGame ref={phaserRef} currentActiveScene={currentScene} />
@@ -96,6 +109,15 @@ function App()
                 <div>
                     <button className="button" onClick={addSprite}>Add New Sprite</button>
                 </div>
+                <div>
+                    <button className="button" onClick={handleClick_1}>walrus</button>
+                </div>
+                <div>
+                    <button className="button" onClick={handleClick_2}>walrus sites ga</button>
+                </div>
+                <div>
+                    <button className="button" onClick={handleClick_3}>example github</button>
+                </div>
             </div>
         </div>
     )

public/assets/sui.png

@@ -34,6 +34,8 @@ export class Preloader extends Scene
 
         this.load.image('logo', 'logo.png');
         this.load.image('star', 'star.png');
+        this.load.image('sui', 'sui.png');
+        this.load.image('walrus', 'walrus.png');
     }
 
     create ()