added demo game for script node course

Signed-off-by: Scott Westover <[email protected]>
scottwestover · Nov 1, 2024 · f38ac5e · f38ac5e
1 parent 744cd30
commit f38ac5e
Show file tree

Hide file tree

Showing 29 changed files with 1,109 additions and 0 deletions.
diff --git a/hugo-site/static/games/phaser-editor-script-nodes/assets/asset-pack.json b/hugo-site/static/games/phaser-editor-script-nodes/assets/asset-pack.json
@@ -0,0 +1,48 @@
+{
+    "section1": {
+        "files": [
+            {
+                "url": "assets/sunnyland/environment/back.png",
+                "type": "image",
+                "key": "back"
+            },
+            {
+                "url": "assets/kenny-button/button_rectangle_depth_gradient.png",
+                "type": "image",
+                "key": "button_rectangle_depth_gradient"
+            },
+            {
+                "url": "assets/kenny-button/button_rectangle_gradient.png",
+                "type": "image",
+                "key": "button_rectangle_gradient"
+            },
+            {
+                "url": "assets/sunnyland/sprites/instructions.png",
+                "type": "image",
+                "key": "instructions"
+            },
+            {
+                "url": "assets/sunnyland/environment/middle.png",
+                "type": "image",
+                "key": "middle"
+            },
+            {
+                "url": "assets/sunnyland/sprites/press-enter-text.png",
+                "type": "image",
+                "key": "press-enter-text"
+            },
+            {
+                "url": "assets/sunnyland/sprites/title-screen.png",
+                "type": "image",
+                "key": "title-screen"
+            }
+        ]
+    },
+    "meta": {
+        "app": "Phaser Editor 2D - Asset Pack Editor",
+        "contentType": "phasereditor2d.pack.core.AssetContentType",
+        "url": "https://phasereditor2d.com",
+        "version": 2,
+        "showAllFilesInBlocks": false
+    }
+}
diff --git a/...ser-editor-script-nodes/assets/kenny-button/button_rectangle_depth_gradient.png b/...ser-editor-script-nodes/assets/kenny-button/button_rectangle_depth_gradient.png
diff --git a/...es/phaser-editor-script-nodes/assets/kenny-button/button_rectangle_gradient.png b/...es/phaser-editor-script-nodes/assets/kenny-button/button_rectangle_gradient.png
diff --git a/...e/static/games/phaser-editor-script-nodes/assets/sunnyland/environment/back.png b/...e/static/games/phaser-editor-script-nodes/assets/sunnyland/environment/back.png
diff --git a/...static/games/phaser-editor-script-nodes/assets/sunnyland/environment/middle.png b/...static/games/phaser-editor-script-nodes/assets/sunnyland/environment/middle.png
diff --git a/...atic/games/phaser-editor-script-nodes/assets/sunnyland/sprites/instructions.png b/...atic/games/phaser-editor-script-nodes/assets/sunnyland/sprites/instructions.png
diff --git a/.../games/phaser-editor-script-nodes/assets/sunnyland/sprites/press-enter-text.png b/.../games/phaser-editor-script-nodes/assets/sunnyland/sprites/press-enter-text.png
diff --git a/...atic/games/phaser-editor-script-nodes/assets/sunnyland/sprites/title-screen.png b/...atic/games/phaser-editor-script-nodes/assets/sunnyland/sprites/title-screen.png
diff --git a/hugo-site/static/games/phaser-editor-script-nodes/index.html b/hugo-site/static/games/phaser-editor-script-nodes/index.html
@@ -0,0 +1,28 @@
+<html lang="en">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+	<title>My Game</title>
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/phaser.min.js"></script>
+	<script src="src/main.js" type="module"></script>
+
+	<style>
+		body {
+			background: #2f2f2f;
+			margin: 0;
+			padding: 0;
+		}
+	</style>
+
+</head>
+
+<body>
+</body>
+
+</html>
+
+
diff --git a/.../static/games/phaser-editor-script-nodes/phaserjs_editor_scripts_base/ActionTargetComp.js b/.../static/games/phaser-editor-script-nodes/phaserjs_editor_scripts_base/ActionTargetComp.js
@@ -0,0 +1,46 @@
+// You can write more code here
+/* END-USER-IMPORTS */
+export default class ActionTargetComp {
+    constructor(gameObject) {
+        this.gameObject = gameObject;
+        gameObject["__ActionTargetComp"] = this;
+        /* START-USER-CTR-CODE */
+        // Write your code here.
+        /* END-USER-CTR-CODE */
+    }
+    static getComponent(gameObject) {
+        return gameObject["__ActionTargetComp"];
+    }
+    gameObject;
+    target = "GAME_OBJECT";
+    targetName = "";
+    /* START-USER-CODE */
+    static getTargetGameObject(scriptNode, args) {
+        const comp = ActionTargetComp.getComponent(scriptNode);
+        if (comp) {
+            switch (comp.target) {
+                case "GAME_OBJECT":
+                    return scriptNode.gameObject;
+                case "ARG_1":
+                    return args[0];
+                case "ARG_2":
+                    return args[1];
+                case "ARG_3":
+                    return args[2];
+                case "ARG_4":
+                    return args[3];
+                case "ARG_5":
+                    return args[4];
+                case "ARG_6":
+                    return args[5];
+                case "ARG_7":
+                    return args[6];
+                case "ARG_8":
+                    return args[7];
+            }
+        }
+        return scriptNode.gameObject;
+    }
+}
+/* END OF COMPILED CODE */
+// You can write more code here
diff --git a/hugo-site/static/games/phaser-editor-script-nodes/phaserjs_editor_scripts_base/ScriptNode.js b/hugo-site/static/games/phaser-editor-script-nodes/phaserjs_editor_scripts_base/ScriptNode.js
@@ -0,0 +1,95 @@
+import ActionTargetComp from "./ActionTargetComp.js";
+export default class ScriptNode {
+    _scene;
+    _gameObject;
+    _parent;
+    _children;
+    constructor(parent) {
+        this._parent = parent;
+        if (parent instanceof ScriptNode) {
+            this._scene = parent.scene;
+            this._gameObject = parent.gameObject;
+            parent.add(this);
+        }
+        else if (parent instanceof Phaser.GameObjects.GameObject) {
+            this._scene = parent.scene;
+            this._gameObject = parent;
+        }
+        else {
+            this._scene = parent;
+        }
+        const listenAwake = this.awake !== ScriptNode.prototype.awake;
+        const listenStart = this.start !== ScriptNode.prototype.start;
+        const listenUpdate = this.update !== ScriptNode.prototype.update;
+        const listenDestroy = this.destroy !== ScriptNode.prototype.destroy;
+        if (listenAwake) {
+            this.scene.events.once("scene-awake", this.awake, this);
+        }
+        if (listenStart) {
+            this.scene.events.once(Phaser.Scenes.Events.UPDATE, this.start, this);
+        }
+        if (listenUpdate) {
+            this.scene.events.on(Phaser.Scenes.Events.UPDATE, this.update, this);
+        }
+        if (listenAwake || listenStart || listenUpdate || listenDestroy) {
+            const destroyCallback = () => {
+                this.scene.events.off("scene-awake", this.awake, this);
+                this.scene.events.off(Phaser.Scenes.Events.UPDATE, this.start, this);
+                this.scene.events.off(Phaser.Scenes.Events.UPDATE, this.update, this);
+                if (listenDestroy) {
+                    this.destroy();
+                }
+            };
+            if (this.gameObject) {
+                this.gameObject.on(Phaser.GameObjects.Events.DESTROY, destroyCallback);
+            }
+            else {
+                this.scene.events.on(Phaser.Scenes.Events.SHUTDOWN, destroyCallback);
+            }
+        }
+    }
+    getActionTargetObject(args) {
+        const target = ActionTargetComp.getTargetGameObject(this, args);
+        return target;
+    }
+    get scene() {
+        return this._scene;
+    }
+    get gameObject() {
+        return this._gameObject;
+    }
+    get parent() {
+        return this._parent;
+    }
+    get children() {
+        if (!this._children) {
+            this._children = [];
+        }
+        return this._children;
+    }
+    add(child) {
+        this.children.push(child);
+    }
+    executeChildren(...args) {
+        if (this._children) {
+            for (const child of this._children) {
+                child.execute(...args);
+            }
+        }
+    }
+    execute(...args) {
+        // override this on executable nodes
+    }
+    awake() {
+        // override this
+    }
+    start() {
+        // override this
+    }
+    update() {
+        // override this
+    }
+    destroy() {
+        // override this
+    }
+}
diff --git a/...ite/static/games/phaser-editor-script-nodes/phaserjs_editor_scripts_base/UserComponent.js b/...ite/static/games/phaser-editor-script-nodes/phaserjs_editor_scripts_base/UserComponent.js
@@ -0,0 +1,43 @@
+export default class UserComponent {
+    /**
+     * @param gameObject The entity.
+     */
+    constructor(gameObject) {
+        this.scene = gameObject.scene;
+        const listenAwake = this.awake !== UserComponent.prototype.awake;
+        const listenStart = this.start !== UserComponent.prototype.start;
+        const listenUpdate = this.update !== UserComponent.prototype.update;
+        const listenDestroy = this.destroy !== UserComponent.prototype.destroy;
+        if (listenAwake) {
+            this.scene.events.once("scene-awake", this.awake, this);
+        }
+        if (listenStart) {
+            this.scene.events.once(Phaser.Scenes.Events.UPDATE, this.start, this);
+        }
+        if (listenUpdate) {
+            this.scene.events.on(Phaser.Scenes.Events.UPDATE, this.update, this);
+        }
+        if (listenStart || listenUpdate || listenDestroy) {
+            gameObject.on(Phaser.GameObjects.Events.DESTROY, () => {
+                this.scene.events.off(Phaser.Scenes.Events.UPDATE, this.start, this);
+                this.scene.events.off(Phaser.Scenes.Events.UPDATE, this.update, this);
+                if (listenDestroy) {
+                    this.destroy();
+                }
+            });
+        }
+    }
+    scene;
+    awake() {
+        // override this
+    }
+    start() {
+        // override this
+    }
+    update() {
+        // override this
+    }
+    destroy() {
+        // override this
+    }
+}
diff --git a/hugo-site/static/games/phaser-editor-script-nodes/phaserjs_editor_scripts_base/index.js b/hugo-site/static/games/phaser-editor-script-nodes/phaserjs_editor_scripts_base/index.js
@@ -0,0 +1,3 @@
+export { default as ScriptNode } from "./ScriptNode.js";
+export { default as UserComponent } from "./UserComponent.js";
+export { default as ActionTargetComp } from "./ActionTargetComp.js";
diff --git a/hugo-site/static/games/phaser-editor-script-nodes/src/main.js b/hugo-site/static/games/phaser-editor-script-nodes/src/main.js
@@ -0,0 +1,22 @@
+import ButtonExample from "./scenes/ButtonExample.js";
+import Title from "./scenes/Title.js";
+import Preload from "./scenes/Preload.js";
+
+window.addEventListener('load', function () {
+
+	var game = new Phaser.Game({
+		width: 288,
+		height: 192,
+		type: Phaser.AUTO,
+        backgroundColor: "#242424",
+		scale: {
+			mode: Phaser.Scale.FIT,
+			autoCenter: Phaser.Scale.CENTER_BOTH
+		},
+		pixelArt: true
+	});
+
+	game.scene.add("ButtonExample", ButtonExample);
+	game.scene.add("Title", Title);
+	game.scene.add("Preload", Preload, true);
+});
diff --git a/hugo-site/static/games/phaser-editor-script-nodes/src/scenes/ButtonExample.js b/hugo-site/static/games/phaser-editor-script-nodes/src/scenes/ButtonExample.js
@@ -0,0 +1,93 @@
+
+// You can write more code here
+
+/* START OF COMPILED CODE */
+
+import OnPointerDownActionScript from "../scriptnodes/gameobjects/OnPointerDownActionScript.js";
+import LogMessageActionScript from "../scriptnodes/utils/LogMessageActionScript.js";
+import OnPointerEventActionScript from "../scriptnodes/gameobjects/OnPointerEventActionScript.js";
+import UpdateTextureActionScript from "../scriptnodes/gameobjects/UpdateTextureActionScript.js";
+/* START-USER-IMPORTS */
+/* END-USER-IMPORTS */
+
+export default class ButtonExample extends Phaser.Scene {
+
+	constructor() {
+		super("ButtonExample");
+
+		/* START-USER-CTR-CODE */
+		// Write your code here.
+		/* END-USER-CTR-CODE */
+	}
+
+	/** @returns {void} */
+	editorCreate() {
+
+		// blueButton
+		const blueButton = this.add.image(144, 96, "button_rectangle_depth_gradient");
+		blueButton.scaleX = 0.3;
+		blueButton.scaleY = 0.3;
+
+		// onPointerDownActionScript
+		const onPointerDownActionScript = new OnPointerDownActionScript(blueButton);
+
+		// logMessageActionScript
+		const logMessageActionScript = new LogMessageActionScript(onPointerDownActionScript);
+
+		// onPointerEventActionScript
+		const onPointerEventActionScript = new OnPointerEventActionScript(blueButton);
+
+		// logMessageActionScript_1
+		const logMessageActionScript_1 = new LogMessageActionScript(onPointerEventActionScript);
+
+		// updateTextureActionScript_1
+		const updateTextureActionScript_1 = new UpdateTextureActionScript(onPointerEventActionScript);
+
+		// onPointerEventActionScript_1
+		const onPointerEventActionScript_1 = new OnPointerEventActionScript(blueButton);
+
+		// logMessageActionScript_2
+		const logMessageActionScript_2 = new LogMessageActionScript(onPointerEventActionScript_1);
+
+		// updateTextureActionScript
+		const updateTextureActionScript = new UpdateTextureActionScript(onPointerEventActionScript_1);
+
+		// onPointerDownActionScript (prefab fields)
+		onPointerDownActionScript.once = true;
+
+		// logMessageActionScript (prefab fields)
+		logMessageActionScript.message = "the button was clicked";
+
+		// logMessageActionScript_1 (prefab fields)
+		logMessageActionScript_1.message = "pointerover";
+
+		// updateTextureActionScript_1 (prefab fields)
+		updateTextureActionScript_1.textureConfig = {"key":"button_rectangle_gradient"};
+
+		// onPointerEventActionScript_1 (prefab fields)
+		onPointerEventActionScript_1.inputEvent = "pointerout";
+
+		// logMessageActionScript_2 (prefab fields)
+		logMessageActionScript_2.message = "pointerout";
+
+		// updateTextureActionScript (prefab fields)
+		updateTextureActionScript.textureConfig = {"key":"button_rectangle_depth_gradient"};
+
+		this.events.emit("scene-awake");
+	}
+
+	/* START-USER-CODE */
+
+	// Write your code here
+
+	create() {
+
+		this.editorCreate();
+	}
+
+	/* END-USER-CODE */
+}
+
+/* END OF COMPILED CODE */
+
+// You can write more code here