From 6d1e4d9bf893b796f584766d0d717ad7b9d1a91d Mon Sep 17 00:00:00 2001
From: rubycampbell-stokes <rcampbellstokes@gmail.com>
Date: Fri, 22 Jan 2021 11:44:21 +1300
Subject: [PATCH] changed generate texture to sprite.js to ES6 format

---
 .../graphics/generate texture to sprite.js    | 93 +++++++++----------
 1 file changed, 45 insertions(+), 48 deletions(-)

diff --git a/public/src/game objects/graphics/generate texture to sprite.js b/public/src/game objects/graphics/generate texture to sprite.js
index 0f0794e20..1354a568c 100644
--- a/public/src/game objects/graphics/generate texture to sprite.js	
+++ b/public/src/game objects/graphics/generate texture to sprite.js	
@@ -1,54 +1,51 @@
-var config = {
-    type: Phaser.CANVAS,
-    parent: 'phaser-example',
-    scene: {
-        preload: preload,
-        create: create,
-        update: update
-    },
-    width: 800,
-    height: 600
-};
-
-var game = new Phaser.Game(config);
-var starGraphics;
-
-function preload ()
+class Example extends Phaser.Scene
 {
-}
-function create() {
-    starGraphics = this.make.graphics({x: 0, y: 0, add: false});
-    drawStar(starGraphics, 105, 105,  5, 100, 50, 0xFFFF00, 0xFF0000);
-    starGraphics.generateTexture('starGraphics', 210, 210);
-    image = this.add.image(400, 300, 'starGraphics');
-}
-
-function update() {
+    constructor ()
+    {
+        super();
+        this.starGraphics = undefined;
+    }
 
-}
+    create() {
+        this.starGraphics = this.make.graphics({x: 0, y: 0, add: false});
+        this.drawStar(this.starGraphics, 105, 105,  5, 100, 50, 0xFFFF00, 0xFF0000);
+        this.starGraphics.generateTexture('starGraphics', 210, 210);
+        this.add.image(400, 300, 'starGraphics');
+    }
 
-function drawStar (graphics, cx, cy, spikes, outerRadius, innerRadius, color, lineColor) {
-    var rot = Math.PI / 2 * 3;
-    var x = cx;
-    var y = cy;
-    var step = Math.PI / spikes;
-    graphics.lineStyle(10, lineColor, 1.0);
-    graphics.fillStyle(color, 1.0);
-    graphics.beginPath();
-    graphics.moveTo(cx, cy - outerRadius);
-    for (i = 0; i < spikes; i++) {
-        x = cx + Math.cos(rot) * outerRadius;
-        y = cy + Math.sin(rot) * outerRadius;
-        graphics.lineTo(x, y);
-        rot += step;
+    drawStar (graphics, cx, cy, spikes, outerRadius, innerRadius, color, lineColor) {
+        let rot = Math.PI / 2 * 3;
+        let x = cx;
+        let y = cy;
+        let step = Math.PI / spikes;
+        graphics.lineStyle(10, lineColor, 1.0);
+        graphics.fillStyle(color, 1.0);
+        graphics.beginPath();
+        graphics.moveTo(cx, cy - outerRadius);
+        for (let i = 0; i < spikes; i++) {
+            x = cx + Math.cos(rot) * outerRadius;
+            y = cy + Math.sin(rot) * outerRadius;
+            graphics.lineTo(x, y);
+            rot += step;
 
-        x = cx + Math.cos(rot) * innerRadius;
-        y = cy + Math.sin(rot) * innerRadius;
-        graphics.lineTo(x, y);
-        rot += step;
+            x = cx + Math.cos(rot) * innerRadius;
+            y = cy + Math.sin(rot) * innerRadius;
+            graphics.lineTo(x, y);
+            rot += step;
+        }
+        graphics.lineTo(cx, cy - outerRadius);
+        graphics.closePath();
+        graphics.fillPath();
+        graphics.strokePath();
     }
-    graphics.lineTo(cx, cy - outerRadius);
-    graphics.closePath();
-    graphics.fillPath();
-    graphics.strokePath();
 }
+
+const config = {
+    type: Phaser.CANVAS,
+    parent: 'phaser-example',
+    scene: [Example],
+    width: 800,
+    height: 600
+};
+
+const game = new Phaser.Game(config);