From 7b9802122892ef70e921f1413b23ce2ca7ec85ec Mon Sep 17 00:00:00 2001
From: Mario Zechner <badlogicgames@gmail.com>
Date: Tue, 5 Sep 2023 22:35:30 +0200
Subject: [PATCH] [phaser] Update examples to Phaser 3.60.0

---
 .../spine-phaser/example/arcade-physics-example.html |  2 +-
 spine-ts/spine-phaser/example/basic-example.html     |  2 +-
 .../example/basic-vanilla-js-example.html            |  2 +-
 spine-ts/spine-phaser/example/batching-test.html     |  2 +-
 spine-ts/spine-phaser/example/blend-test.html        |  2 +-
 spine-ts/spine-phaser/example/bounds-test.html       |  2 +-
 .../spine-phaser/example/camera-pipeline-test.html   |  2 +-
 spine-ts/spine-phaser/example/canvas-test.html       |  2 +-
 .../spine-phaser/example/control-bones-example.html  | 12 ++++++------
 .../example/custom-spine-object-type.html            |  2 +-
 spine-ts/spine-phaser/example/depth-test.html        |  2 +-
 spine-ts/spine-phaser/example/events-example.html    |  8 ++++----
 .../spine-phaser/example/extended-class-test.html    |  2 +-
 .../spine-phaser/example/mix-and-match-example.html  |  2 +-
 spine-ts/spine-phaser/example/multi-scene-test.html  |  2 +-
 .../spine-phaser/example/render-to-texture-test.html |  4 ++--
 spine-ts/spine-phaser/example/visibility-test.html   |  2 +-
 17 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/spine-ts/spine-phaser/example/arcade-physics-example.html b/spine-ts/spine-phaser/example/arcade-physics-example.html
index 02f4f60d8..4187dbfdb 100644
--- a/spine-ts/spine-phaser/example/arcade-physics-example.html
+++ b/spine-ts/spine-phaser/example/arcade-physics-example.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <script src="../dist/iife/spine-phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
diff --git a/spine-ts/spine-phaser/example/basic-example.html b/spine-ts/spine-phaser/example/basic-example.html
index 06f0d17a1..4a1de398f 100644
--- a/spine-ts/spine-phaser/example/basic-example.html
+++ b/spine-ts/spine-phaser/example/basic-example.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <script src="../dist/iife/spine-phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
diff --git a/spine-ts/spine-phaser/example/basic-vanilla-js-example.html b/spine-ts/spine-phaser/example/basic-vanilla-js-example.html
index 7ee5af4c9..8834eb835 100644
--- a/spine-ts/spine-phaser/example/basic-vanilla-js-example.html
+++ b/spine-ts/spine-phaser/example/basic-vanilla-js-example.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <script src="https://unpkg.com/@esotericsoftware/spine-phaser@4.1.*/dist/iife/spine-phaser.min.js"></script>
     <title>Spine Phaser Example</title>
 </head>
diff --git a/spine-ts/spine-phaser/example/batching-test.html b/spine-ts/spine-phaser/example/batching-test.html
index dc9390d07..11aff8a09 100644
--- a/spine-ts/spine-phaser/example/batching-test.html
+++ b/spine-ts/spine-phaser/example/batching-test.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
 
diff --git a/spine-ts/spine-phaser/example/blend-test.html b/spine-ts/spine-phaser/example/blend-test.html
index ed9784dc1..dc7e97be1 100644
--- a/spine-ts/spine-phaser/example/blend-test.html
+++ b/spine-ts/spine-phaser/example/blend-test.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
 
diff --git a/spine-ts/spine-phaser/example/bounds-test.html b/spine-ts/spine-phaser/example/bounds-test.html
index d51473368..2a7eaef6f 100644
--- a/spine-ts/spine-phaser/example/bounds-test.html
+++ b/spine-ts/spine-phaser/example/bounds-test.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
 
diff --git a/spine-ts/spine-phaser/example/camera-pipeline-test.html b/spine-ts/spine-phaser/example/camera-pipeline-test.html
index 9f05a328a..f19d6710e 100644
--- a/spine-ts/spine-phaser/example/camera-pipeline-test.html
+++ b/spine-ts/spine-phaser/example/camera-pipeline-test.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
 
diff --git a/spine-ts/spine-phaser/example/canvas-test.html b/spine-ts/spine-phaser/example/canvas-test.html
index 2cd4f2508..86340c985 100644
--- a/spine-ts/spine-phaser/example/canvas-test.html
+++ b/spine-ts/spine-phaser/example/canvas-test.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
 
diff --git a/spine-ts/spine-phaser/example/control-bones-example.html b/spine-ts/spine-phaser/example/control-bones-example.html
index 48823c1cd..d4772cc27 100644
--- a/spine-ts/spine-phaser/example/control-bones-example.html
+++ b/spine-ts/spine-phaser/example/control-bones-example.html
@@ -5,14 +5,14 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <script src="../dist/iife/spine-phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
 
 <body>
     <h1>Control bones</h1>
-    <script>        
+    <script>
         class ControlBonesExample extends Phaser.Scene {
             preload() {
                 this.load.spineBinary("stretchyman-data", "assets/stretchyman-pro.skel");
@@ -20,7 +20,7 @@
             }
 
             create() {
-                const stretchyman = this.add.spine(400, 580, 'stretchyman-data', "stretchyman-atlas");                  
+                const stretchyman = this.add.spine(400, 580, 'stretchyman-data', "stretchyman-atlas");
                 stretchyman.animationState.setAnimation(0, "idle", true);
                 stretchyman.updatePose(0);
 
@@ -38,12 +38,12 @@
                     this.input.setDraggable(control);
                     this.input.on('drag', function (pointer, gameObject, dragX, dragY) {
                         gameObject.x = dragX;
-                        gameObject.y = dragY;                        
+                        gameObject.y = dragY;
                     }, this);
                 }
 
                 stretchyman.beforeUpdateWorldTransforms = () => {
-                    for (let controlBone of controlBones) {                        
+                    for (let controlBone of controlBones) {
                         const bone = controlBone.getData('bone');
                         const point = { x: controlBone.x, y: controlBone.y};
                         stretchyman.phaserWorldCoordinatesToBone(point, bone);
@@ -65,7 +65,7 @@
                     { key: "spine.SpinePlugin", plugin: spine.SpinePlugin, mapping: "spine" }
                 ]
             }
-        });    
+        });
     </script>
 </body>
 
diff --git a/spine-ts/spine-phaser/example/custom-spine-object-type.html b/spine-ts/spine-phaser/example/custom-spine-object-type.html
index f20882e0a..feccee4f8 100644
--- a/spine-ts/spine-phaser/example/custom-spine-object-type.html
+++ b/spine-ts/spine-phaser/example/custom-spine-object-type.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <script src="../dist/iife/spine-phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
diff --git a/spine-ts/spine-phaser/example/depth-test.html b/spine-ts/spine-phaser/example/depth-test.html
index 4bb71d6f5..91d18bdf6 100644
--- a/spine-ts/spine-phaser/example/depth-test.html
+++ b/spine-ts/spine-phaser/example/depth-test.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
 
diff --git a/spine-ts/spine-phaser/example/events-example.html b/spine-ts/spine-phaser/example/events-example.html
index 99b3fb740..5894e3d95 100644
--- a/spine-ts/spine-phaser/example/events-example.html
+++ b/spine-ts/spine-phaser/example/events-example.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <script src="../dist/iife/spine-phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
@@ -17,7 +17,7 @@
         <textarea id="log" style="height: 10em;"></textarea>
     </div>
 </body>
-<script>    
+<script>
     function log(message) {
         let log = document.querySelector("#log");
         log.textContent += message + "\n";
@@ -40,7 +40,7 @@
                 interrupt: (entry) => log(`Interrupted animation ${entry.animation.name}`),
                 end: (entry) => log(`Ended animation ${entry.animation.name}`),
                 dispose: (entry) => log(`Disposed animation ${entry.animation.name}`),
-                complete: (entry) => log(`Completed animation ${entry.animation.name}`),                
+                complete: (entry) => log(`Completed animation ${entry.animation.name}`),
             })
 
             spineboy.animationState.setAnimation(0, "walk", true);
@@ -51,7 +51,7 @@
         }
     }
 
-    const config = {        
+    const config = {
         canvas: document.querySelector("#game"),
         width: 800,
         height: 600,
diff --git a/spine-ts/spine-phaser/example/extended-class-test.html b/spine-ts/spine-phaser/example/extended-class-test.html
index 0841ba3a4..5f2a30042 100644
--- a/spine-ts/spine-phaser/example/extended-class-test.html
+++ b/spine-ts/spine-phaser/example/extended-class-test.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <script src="../dist/iife/spine-phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
diff --git a/spine-ts/spine-phaser/example/mix-and-match-example.html b/spine-ts/spine-phaser/example/mix-and-match-example.html
index fd87dedb3..35533bcaa 100644
--- a/spine-ts/spine-phaser/example/mix-and-match-example.html
+++ b/spine-ts/spine-phaser/example/mix-and-match-example.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
 
diff --git a/spine-ts/spine-phaser/example/multi-scene-test.html b/spine-ts/spine-phaser/example/multi-scene-test.html
index cb43d932f..c22d2355e 100644
--- a/spine-ts/spine-phaser/example/multi-scene-test.html
+++ b/spine-ts/spine-phaser/example/multi-scene-test.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <script src="../dist/iife/spine-phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
diff --git a/spine-ts/spine-phaser/example/render-to-texture-test.html b/spine-ts/spine-phaser/example/render-to-texture-test.html
index 2f3aa0057..3867e0a15 100644
--- a/spine-ts/spine-phaser/example/render-to-texture-test.html
+++ b/spine-ts/spine-phaser/example/render-to-texture-test.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>
 
@@ -37,7 +37,7 @@
     }
 
     function create() {
-        const renderTexture = this.add.renderTexture(0, 0, 800, 600);
+        const renderTexture = this.add.renderTexture(400, 300, 800, 600);
         const spineboy = this.add.spine(400, 300, 'spineboy-data', "spineboy-atlas");
         spineboy.scale = 0.5;
         spineboy.animationState.setAnimation(0, "walk", true);
diff --git a/spine-ts/spine-phaser/example/visibility-test.html b/spine-ts/spine-phaser/example/visibility-test.html
index 118f6bc6f..9b3eedd9e 100644
--- a/spine-ts/spine-phaser/example/visibility-test.html
+++ b/spine-ts/spine-phaser/example/visibility-test.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
     <script src="../dist/iife/spine-phaser.js"></script>
     <title>Spine Phaser Example</title>
 </head>