From bf3f70379f527b19327af1f4748161d2496f4c9e Mon Sep 17 00:00:00 2001
From: Mario Zechner <badlogicgames@gmail.com>
Date: Wed, 26 Apr 2023 11:16:13 +0200
Subject: [PATCH] [phaser] Improve TypeScript example.

---
 spine-ts/spine-phaser/example/basic-example.html  |  4 ++--
 spine-ts/spine-phaser/example/typescript/index.ts | 11 +++++------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/spine-ts/spine-phaser/example/basic-example.html b/spine-ts/spine-phaser/example/basic-example.html
index 0b962deaf..3c02c4fad 100644
--- a/spine-ts/spine-phaser/example/basic-example.html
+++ b/spine-ts/spine-phaser/example/basic-example.html
@@ -14,7 +14,7 @@
     <h1>Basic example</h1>
 </body>
 <script>
-    class BasicScene extends Phaser.Scene {
+    class BasicExample extends Phaser.Scene {
         preload() {
             this.load.spineBinary("spineboy-data", "assets/spineboy-pro.skel");
             this.load.spineAtlas("spineboy-atlas", "assets/spineboy-pma.atlas");
@@ -37,7 +37,7 @@
         width: 800,
         height: 600,
         type: Phaser.WEBGL,
-        scene: [BasicScene],
+        scene: [BasicExample],
         plugins: {
             scene: [
                 { key: "spine.SpinePlugin", plugin: spine.SpinePlugin, mapping: "spine" }
diff --git a/spine-ts/spine-phaser/example/typescript/index.ts b/spine-ts/spine-phaser/example/typescript/index.ts
index 2ba76b21f..eb614e1d4 100644
--- a/spine-ts/spine-phaser/example/typescript/index.ts
+++ b/spine-ts/spine-phaser/example/typescript/index.ts
@@ -1,15 +1,14 @@
-import {Scene} from "phaser"
-import {SpinePlugin} from "@esotericsoftware/spine-phaser"
+import * as Phaser from "phaser"
+import * as spine from "@esotericsoftware/spine-phaser"
 
-class SpineDemo extends Scene {
+class SpineDemo extends Phaser.Scene {
     preload() {
         this.load.spineBinary("spineboy-data", "assets/spineboy-pro.skel");
         this.load.spineAtlas("spineboy-atlas", "assets/spineboy-pma.atlas");
     }
 
     create() {
-        const spineboy = this.add.spine(400, 500, 'spineboy-data', "spineboy-atlas");
-        this.make
+        const spineboy = this.add.spine(400, 500, 'spineboy-data', "spineboy-atlas");        
         spineboy.scale = 0.5;
         spineboy.animationState.setAnimation(0, "walk", true);
     }
@@ -22,7 +21,7 @@ const config = {
     scene: [SpineDemo],
     plugins: {
         scene: [
-            { key: "spine.SpinePlugin", plugin: SpinePlugin, mapping: "spine" }
+            { key: "spine.SpinePlugin", plugin: spine.SpinePlugin, mapping: "spine" }
         ]
     }
 };