added example for loading assets via json

Signed-off-by: Scott Westover <[email protected]>
devshareacademy · Jul 3, 2024 · b567882 · b567882
1 parent a158650
commit b567882
Show file tree

Hide file tree

Showing 16 changed files with 6,481 additions and 0 deletions.
diff --git a/examples/loading-assets-with-json-pack/assets/audio/xDeviruchi/Title-Theme.wav b/examples/loading-assets-with-json-pack/assets/audio/xDeviruchi/Title-Theme.wav
diff --git a/examples/loading-assets-with-json-pack/assets/data/assets.json b/examples/loading-assets-with-json-pack/assets/data/assets.json
@@ -0,0 +1,83 @@
+[
+  {
+    "path": "assets/images/axulart/character",
+    "files": [
+      {
+        "type": "spritesheet",
+        "key": "player",
+        "url": "custom.png",
+        "frameConfig": { "frameWidth": 64, "frameHeight": 88 }
+      }
+    ]
+  },
+  {
+    "path": "assets/images/monster-tamer/battle-backgrounds",
+    "files": [
+      {
+        "type": "image",
+        "key": "forest",
+        "url": "forest-background.png"
+      }
+    ]
+  },
+  {
+    "path": "assets/images/monster-tamer/monsters",
+    "files": [
+      {
+        "type": "image",
+        "key": "carnodusk",
+        "url": "carnodusk.png"
+      },
+      {
+        "type": "image",
+        "key": "iguanignite",
+        "url": "iguanignite.png"
+      },
+      {
+        "type": "image",
+        "key": "aquavalor",
+        "url": "aquavalor.png"
+      },
+      {
+        "type": "image",
+        "key": "frostsaber",
+        "url": "frostsaber.png"
+      },
+      {
+        "type": "image",
+        "key": "ignivolt",
+        "url": "ignivolt.png"
+      },
+      {
+        "type": "image",
+        "key": "parazoid",
+        "url": "parazoid.png"
+      },
+      {
+        "type": "image",
+        "key": "jivy",
+        "url": "jivy.png"
+      }
+    ]
+  },
+  {
+    "path": "assets/data",
+    "files": [
+      {
+        "type": "json",
+        "key": "item_data",
+        "url": "items.json"
+      }
+    ]
+  },
+  {
+    "path": "assets/audio/xDeviruchi",
+    "files": [
+      {
+        "type": "audio",
+        "key": "title_theme",
+        "url": "Title-Theme.wav"
+      }
+    ]
+  }
+]
diff --git a/examples/loading-assets-with-json-pack/assets/data/items.json b/examples/loading-assets-with-json-pack/assets/data/items.json
@@ -0,0 +1,9 @@
+[
+  {
+    "id": 1,
+    "name": "potion",
+    "description": "A basic healing item that will heal 30 HP from a single monster.",
+    "category": "HEAL",
+    "effect": "HEAL_30"
+  }
+]
diff --git a/examples/loading-assets-with-json-pack/assets/images/axulart/character/custom.png b/examples/loading-assets-with-json-pack/assets/images/axulart/character/custom.png
diff --git a/examples/loading-assets-with-json-pack/assets/images/axulart/character/license.txt b/examples/loading-assets-with-json-pack/assets/images/axulart/character/license.txt
@@ -0,0 +1,16 @@
+Small 8-direction Characters:
+Last update: September 15, 2021
+
+By: AlexDreamer
+https://axulart.itch.io/small-8-direction-characters
+https://axulart.tumblr.com/
+
+Includes:
+    8-direction characters sprites (Girl, Boy and Template)
+
+LICENCE: This asset pack can be used in both free and commercial projects. You can modify it to suit your own needs, as long as you give appropriate credit. You may not redistribute it or resell it.
+
+Creative Commons License:
+This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
+
+Thank you for download this game-asset & God Bless you :D
diff --git a/...-json-pack/assets/images/monster-tamer/battle-backgrounds/forest-background.png b/...-json-pack/assets/images/monster-tamer/battle-backgrounds/forest-background.png
diff --git a/...oading-assets-with-json-pack/assets/images/monster-tamer/monsters/aquavalor.png b/...oading-assets-with-json-pack/assets/images/monster-tamer/monsters/aquavalor.png
diff --git a/...oading-assets-with-json-pack/assets/images/monster-tamer/monsters/carnodusk.png b/...oading-assets-with-json-pack/assets/images/monster-tamer/monsters/carnodusk.png
diff --git a/...ading-assets-with-json-pack/assets/images/monster-tamer/monsters/frostsaber.png b/...ading-assets-with-json-pack/assets/images/monster-tamer/monsters/frostsaber.png
diff --git a/...loading-assets-with-json-pack/assets/images/monster-tamer/monsters/ignivolt.png b/...loading-assets-with-json-pack/assets/images/monster-tamer/monsters/ignivolt.png
diff --git a/...ding-assets-with-json-pack/assets/images/monster-tamer/monsters/iguanignite.png b/...ding-assets-with-json-pack/assets/images/monster-tamer/monsters/iguanignite.png
diff --git a/...les/loading-assets-with-json-pack/assets/images/monster-tamer/monsters/jivy.png b/...les/loading-assets-with-json-pack/assets/images/monster-tamer/monsters/jivy.png
diff --git a/...loading-assets-with-json-pack/assets/images/monster-tamer/monsters/parazoid.png b/...loading-assets-with-json-pack/assets/images/monster-tamer/monsters/parazoid.png
diff --git a/examples/loading-assets-with-json-pack/assets/js/index-BNWnxF-c.js b/examples/loading-assets-with-json-pack/assets/js/index-BNWnxF-c.js
diff --git a/examples/loading-assets-with-json-pack/index.html b/examples/loading-assets-with-json-pack/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<title>Phaser 3 Example - Loading Assets Via JSON</title>
+		<style>
+      html,
+      body,
+      .container {
+        margin: 0px;
+        height: 100vh;
+        width: 100vw;
+        overflow: hidden;
+        background: #d7d7d7;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+    </style>
+		<script type="module" crossorigin src="./assets/js/index-BNWnxF-c.js"></script>
+	</head>
+	<body>
+		<div class="container" id="game-container">
+      <h1>Phaser 3 Example: Loading Assets via Pack JSON</h1>
+    </div>
+	</body>
+</html>
diff --git a/index.html b/index.html
@@ -37,6 +37,7 @@ <h2>Examples</h2>
           <li><a href="examples/scene-transition-geometry-mask/index.html" target="_blank">Scene Transition With Geometry Mask Example</a></li>
           <li><a href="examples/arcade-physics-conveyor-belt/index.html" target="_blank">Arcade Physics Conveyor Belt</a></li>
           <li><a href="examples/loader-plugin/index.html" target="_blank">Loader Plugin Example</a></li>
+          <li><a href="examples/loading-assets-with-json-pack/index.html" target="_blank">Loading Assets With JSON Pack</a></li>
         </ul>
 
         <h2>Games</h2>