.github/workflows/build.yml

@@ -0,0 +1,48 @@
+name: Build and Publish
+
+on:
+  push:
+    branches: ["master"]
+  pull_request:
+    branches: ["master"]
+
+env:
+  CARGO_TERM_COLOR: always
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    permissions:
+      pages: write
+      id-token: write
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install Wasm-pack
+        run: cargo install wasm-pack
+
+      - name: Build
+        run: wasm-pack build --target=bundler --dev --out-name index
+
+      - name: Use Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Build
+        working-directory: ./www
+        run: |
+          npm install
+          npx webpack
+
+      - name: Github Pages - Setup
+        uses: actions/configure-pages@v5
+
+      - name: Github Pages - Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: "./www/dist"
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -4,4 +4,3 @@ Cargo.lock
 bin/
 pkg/
 wasm-pack.log
-node_modules

Cargo.toml

@@ -0,0 +1,27 @@
+[package]
+name = "mini-game"
+version = "0.1.0"
+authors = ["lanxu <lanxu@posteo.net>"]
+edition = "2018"
+
+[lib]
+crate-type = ["cdylib", "rlib"]
+
+[features]
+default = ["console_error_panic_hook"]
+
+[dependencies]
+wasm-bindgen = "0.2.84"
+
+# The `console_error_panic_hook` crate provides better debugging of panics by
+# logging them with `console.error`. This is great for development, but requires
+# all the `std::fmt` and `std::panicking` infrastructure, so isn't great for
+# code size when deploying.
+console_error_panic_hook = { version = "0.1.7", optional = true }
+
+[dev-dependencies]
+wasm-bindgen-test = "0.3.34"
+
+[profile.release]
+# Tell `rustc` to optimize for small code size.
+opt-level = "s"

LICENSE_APACHE

@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                     http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+   "License" shall mean the terms and conditions for use, reproduction,
+   and distribution as defined by Sections 1 through 9 of this document.
+
+   "Licensor" shall mean the copyright owner or entity authorized by
+   the copyright owner that is granting the License.
+
+   "Legal Entity" shall mean the union of the acting entity and all
+   other entities that control, are controlled by, or are under common
+   control with that entity. For the purposes of this definition,
+   "control" means (i) the power, direct or indirect, to cause the
+   direction or management of such entity, whether by contract or
+   otherwise, or (ii) ownership of fifty percent (50%) or more of the
+   outstanding shares, or (iii) beneficial ownership of such entity.
+
+   "You" (or "Your") shall mean an individual or Legal Entity
+   exercising permissions granted by this License.
+
+   "Source" form shall mean the preferred form for making modifications,
+   including but not limited to software source code, documentation
+   source, and configuration files.
+
+   "Object" form shall mean any form resulting from mechanical
+   transformation or translation of a Source form, including but
+   not limited to compiled object code, generated documentation,
+   and conversions to other media types.
+
+   "Work" shall mean the work of authorship, whether in Source or
+   Object form, made available under the License, as indicated by a
+   copyright notice that is included in or attached to the work
+   (an example is provided in the Appendix below).
+
+   "Derivative Works" shall mean any work, whether in Source or Object
+   form, that is based on (or derived from) the Work and for which the
+   editorial revisions, annotations, elaborations, or other modifications
+   represent, as a whole, an original work of authorship. For the purposes
+   of this License, Derivative Works shall not include works that remain
+   separable from, or merely link (or bind by name) to the interfaces of,
+   the Work and Derivative Works thereof.
+
+   "Contribution" shall mean any work of authorship, including
+   the original version of the Work and any modifications or additions
+   to that Work or Derivative Works thereof, that is intentionally
+   submitted to Licensor for inclusion in the Work by the copyright owner
+   or by an individual or Legal Entity authorized to submit on behalf of
+   the copyright owner. For the purposes of this definition, "submitted"
+   means any form of electronic, verbal, or written communication sent
+   to the Licensor or its representatives, including but not limited to
+   communication on electronic mailing lists, source code control systems,
+   and issue tracking systems that are managed by, or on behalf of, the
+   Licensor for the purpose of discussing and improving the Work, but
+   excluding communication that is conspicuously marked or otherwise
+   designated in writing by the copyright owner as "Not a Contribution."
+
+   "Contributor" shall mean Licensor and any individual or Legal Entity
+   on behalf of whom a Contribution has been received by Licensor and
+   subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+   this License, each Contributor hereby grants to You a perpetual,
+   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+   copyright license to reproduce, prepare Derivative Works of,
+   publicly display, publicly perform, sublicense, and distribute the
+   Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+   this License, each Contributor hereby grants to You a perpetual,
+   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+   (except as stated in this section) patent license to make, have made,
+   use, offer to sell, sell, import, and otherwise transfer the Work,
+   where such license applies only to those patent claims licensable
+   by such Contributor that are necessarily infringed by their
+   Contribution(s) alone or by combination of their Contribution(s)
+   with the Work to which such Contribution(s) was submitted. If You
+   institute patent litigation against any entity (including a
+   cross-claim or counterclaim in a lawsuit) alleging that the Work
+   or a Contribution incorporated within the Work constitutes direct
+   or contributory patent infringement, then any patent licenses
+   granted to You under this License for that Work shall terminate
+   as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+   Work or Derivative Works thereof in any medium, with or without
+   modifications, and in Source or Object form, provided that You
+   meet the following conditions:
+
+   (a) You must give any other recipients of the Work or
+       Derivative Works a copy of this License; and
+
+   (b) You must cause any modified files to carry prominent notices
+       stating that You changed the files; and
+
+   (c) You must retain, in the Source form of any Derivative Works
+       that You distribute, all copyright, patent, trademark, and
+       attribution notices from the Source form of the Work,
+       excluding those notices that do not pertain to any part of
+       the Derivative Works; and
+
+   (d) If the Work includes a "NOTICE" text file as part of its
+       distribution, then any Derivative Works that You distribute must
+       include a readable copy of the attribution notices contained
+       within such NOTICE file, excluding those notices that do not
+       pertain to any part of the Derivative Works, in at least one
+       of the following places: within a NOTICE text file distributed
+       as part of the Derivative Works; within the Source form or
+       documentation, if provided along with the Derivative Works; or,
+       within a display generated by the Derivative Works, if and
+       wherever such third-party notices normally appear. The contents
+       of the NOTICE file are for informational purposes only and
+       do not modify the License. You may add Your own attribution
+       notices within Derivative Works that You distribute, alongside
+       or as an addendum to the NOTICE text from the Work, provided
+       that such additional attribution notices cannot be construed
+       as modifying the License.
+
+   You may add Your own copyright statement to Your modifications and
+   may provide additional or different license terms and conditions
+   for use, reproduction, or distribution of Your modifications, or
+   for any such Derivative Works as a whole, provided Your use,
+   reproduction, and distribution of the Work otherwise complies with
+   the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+   any Contribution intentionally submitted for inclusion in the Work
+   by You to the Licensor shall be under the terms and conditions of
+   this License, without any additional terms or conditions.
+   Notwithstanding the above, nothing herein shall supersede or modify
+   the terms of any separate license agreement you may have executed
+   with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+   names, trademarks, service marks, or product names of the Licensor,
+   except as required for reasonable and customary use in describing the
+   origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+   agreed to in writing, Licensor provides the Work (and each
+   Contributor provides its Contributions) on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+   implied, including, without limitation, any warranties or conditions
+   of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+   PARTICULAR PURPOSE. You are solely responsible for determining the
+   appropriateness of using or redistributing the Work and assume any
+   risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+   whether in tort (including negligence), contract, or otherwise,
+   unless required by applicable law (such as deliberate and grossly
+   negligent acts) or agreed to in writing, shall any Contributor be
+   liable to You for damages, including any direct, indirect, special,
+   incidental, or consequential damages of any character arising as a
+   result of this License or out of the use or inability to use the
+   Work (including but not limited to damages for loss of goodwill,
+   work stoppage, computer failure or malfunction, or any and all
+   other commercial damages or losses), even if such Contributor
+   has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+   the Work or Derivative Works thereof, You may choose to offer,
+   and charge a fee for, acceptance of support, warranty, indemnity,
+   or other liability obligations and/or rights consistent with this
+   License. However, in accepting such obligations, You may act only
+   on Your own behalf and on Your sole responsibility, not on behalf
+   of any other Contributor, and only if You agree to indemnify,
+   defend, and hold each Contributor harmless for any liability
+   incurred by, or claims asserted against, such Contributor by reason
+   of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+   To apply the Apache License to your work, attach the following
+   boilerplate notice, with the fields enclosed by brackets "[]"
+   replaced with your own identifying information. (Don't include
+   the brackets!)  The text should be enclosed in the appropriate
+   comment syntax for the file format. We also recommend that a
+   file or class name and description of purpose be included on the
+   same "printed page" as the copyright notice for easier
+   identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

LICENSE_MIT

@@ -0,0 +1,25 @@
+Copyright (c) 2018 lanxu <lanxu@posteo.net>
+
+Permission is hereby granted, free of charge, to any
+person obtaining a copy of this software and associated
+documentation files (the "Software"), to deal in the
+Software without restriction, including without
+limitation the rights to use, copy, modify, merge,
+publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software
+is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice
+shall be included in all copies or substantial portions
+of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
+ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT
+SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR
+IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+DEALINGS IN THE SOFTWARE.

README.md

@@ -0,0 +1,11 @@
+# Silver Fang mini game
+
+```sh
+wargo watch -i .gitignore -i "pkg/*" -s "wasm-pack build --target=bundler --dev --out-name index"
+```
+
+And run in www
+
+```sh
+npm start
+```

index.html

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <title>Hopeanuoli</title>
-  <link rel="preload" as="font" href="assets/Kenney Bold.ttf" type="font/ttf" />
-  <link rel="stylesheet" href="fonts.css">
-</head>
-
-<body>
-  <div id="silver-fang-mini-game"></div>
-  <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
-  <script type="module" src="/src/index.ts"></script>
-</body>
-
-</html>

package.json

@@ -1,17 +0,0 @@
-{
-  "name": "silver-fang-mini-game",
-  "version": "0.1.0",
-  "description": "Silver Fang Mini Game",
-  "scripts": {
-    "build": "tsc && vite build",
-    "start": "vite"
-  },
-  "devDependencies": {
-    "typescript": "^5.6.3",
-    "vite": "^5.4.9"
-  },
-  "dependencies": {
-    "mini-game": "file:../pkg",
-    "phaser": "^3.86.0"
-  }
-}

public/assets.json

@@ -1,14 +0,0 @@
-{
-    "frames": [],
-    "meta": {
-        "app": "libgdx",
-        "version": "latest",
-        "image": "atlas.png",
-        "format": "png",
-        "size": {
-            "w": 10,
-            "h": 10
-        },
-        "scale": 1
-    }
-}

public/assets/data.json

@@ -1,380 +0,0 @@
-{
-  "characters": [
-    {
-      "name": "Gin",
-      "alliance": "Ouun armeija",
-      "skill": "5",
-      "strength": "3",
-      "charisma": "5",
-      "total": "13"
-    },
-    {
-      "name": "Riki",
-      "alliance": "Ouun armeija",
-      "skill": "5",
-      "strength": "5",
-      "charisma": "5",
-      "total": "15"
-    },
-    {
-      "name": "Ben",
-      "alliance": "Ouun armeija",
-      "skill": "4",
-      "strength": "5",
-      "charisma": "4",
-      "total": "13"
-    },
-    {
-      "name": "John",
-      "alliance": "Ouun armeija",
-      "skill": "4",
-      "strength": "4",
-      "charisma": "2",
-      "total": "10"
-    },
-    {
-      "name": "Cross",
-      "alliance": "Ouun armeija",
-      "skill": "3",
-      "strength": "2",
-      "charisma": "3",
-      "total": "8"
-    },
-    {
-      "name": "Smith",
-      "alliance": "Ouun armeija",
-      "skill": "3",
-      "strength": "3",
-      "charisma": "3",
-      "total": "9"
-    },
-    {
-      "name": "Great",
-      "alliance": "Ouun armeija",
-      "skill": "3",
-      "strength": "3",
-      "charisma": "4",
-      "total": "10"
-    },
-    {
-      "name": "Hyena",
-      "alliance": "Ouun armeija",
-      "skill": "1",
-      "strength": "2",
-      "charisma": "0",
-      "total": "3"
-    },
-    {
-      "name": "Sniper",
-      "alliance": "Ouun armeija",
-      "skill": "4",
-      "strength": "4",
-      "charisma": "2",
-      "total": "10"
-    },
-    {
-      "name": "Akatora",
-      "alliance": "Ouun armeija",
-      "skill": "3",
-      "strength": "3",
-      "charisma": "4",
-      "total": "10"
-    },
-    {
-      "name": "Chuutora",
-      "alliance": "Ouun armeija",
-      "skill": "3",
-      "strength": "3",
-      "charisma": "3",
-      "total": "9"
-    },
-    {
-      "name": "Kurotora",
-      "alliance": "Ouun armeija",
-      "skill": "4",
-      "strength": "3",
-      "charisma": "3",
-      "total": "10"
-    },
-    {
-      "name": "Moss",
-      "alliance": "Ouun armeija",
-      "skill": "2",
-      "strength": "5",
-      "charisma": "4",
-      "total": "11"
-    },
-    {
-      "name": "Akame",
-      "alliance": "Ouun armeija",
-      "skill": "5",
-      "strength": "3",
-      "charisma": "4",
-      "total": "12"
-    },
-    {
-      "name": "Kurojaki",
-      "alliance": "Kougan shinobit",
-      "skill": "4",
-      "strength": "3",
-      "charisma": "3",
-      "total": "10"
-    },
-    {
-      "name": "Wilson",
-      "alliance": "Ouun armeija",
-      "skill": "3",
-      "strength": "3",
-      "charisma": "3",
-      "total": "9"
-    },
-    {
-      "name": "Musashi",
-      "alliance": "Ouun armeija",
-      "skill": "4",
-      "strength": "4",
-      "charisma": "4",
-      "total": "12"
-    },
-    {
-      "name": "Bill",
-      "alliance": "Ouun armeija",
-      "skill": "4",
-      "strength": "3",
-      "charisma": "4",
-      "total": "11"
-    },
-    {
-      "name": "Benizakura",
-      "alliance": "Ouun armeija",
-      "skill": "3",
-      "strength": "5",
-      "charisma": "4",
-      "total": "12"
-    },
-    {
-      "name": "Kisaragi",
-      "alliance": "Ouun armeija",
-      "skill": "4",
-      "strength": "3",
-      "charisma": "4",
-      "total": "11"
-    },
-    {
-      "name": "Hazuki",
-      "alliance": "Ouun armeija",
-      "skill": "2",
-      "strength": "3",
-      "charisma": "2",
-      "total": "7"
-    },
-    {
-      "name": "Minazuki",
-      "alliance": "Ouun armeija",
-      "skill": "2",
-      "strength": "1",
-      "charisma": "0",
-      "total": "3"
-    },
-    {
-      "name": "Oliver",
-      "alliance": "Ouun armeija",
-      "skill": "3",
-      "strength": "2",
-      "charisma": "3",
-      "total": "8"
-    },
-    {
-      "name": "Terry",
-      "alliance": "Ouun armeija",
-      "skill": "2",
-      "strength": "4",
-      "charisma": "3",
-      "total": "9"
-    },
-    {
-      "name": "Bemu",
-      "alliance": "Ouun armeija",
-      "skill": "2",
-      "strength": "4",
-      "charisma": "4",
-      "total": "10"
-    },
-    {
-      "name": "Hakurou",
-      "alliance": "Ouun armeija",
-      "skill": "4",
-      "strength": "3",
-      "charisma": "4",
-      "total": "11"
-    },
-    {
-      "name": "Akakabuto",
-      "alliance": "Karhu-armeija",
-      "skill": "4",
-      "strength": "5",
-      "charisma": "5",
-      "total": "14"
-    },
-    {
-      "name": "Madara",
-      "alliance": "Karhu-armeija",
-      "skill": "4",
-      "strength": "4",
-      "charisma": "3",
-      "total": "11"
-    },
-    {
-      "name": "Mosa",
-      "alliance": "Karhu-armeija",
-      "skill": "3",
-      "strength": "5",
-      "charisma": "3",
-      "total": "11"
-    },
-    {
-      "name": "Retsuga",
-      "alliance": "Susien valtakunta",
-      "skill": "4",
-      "strength": "4",
-      "charisma": "3",
-      "total": "11"
-    },
-    {
-      "name": "Fuuga",
-      "alliance": "Susien valtakunta",
-      "skill": "4",
-      "strength": "4",
-      "charisma": "4",
-      "total": "12"
-    },
-    {
-      "name": "Hyouma",
-      "alliance": "Susien valtakunta",
-      "skill": "4",
-      "strength": "3",
-      "charisma": "3",
-      "total": "10"
-    },
-    {
-      "name": "Mukonga",
-      "alliance": "Susien valtakunta",
-      "skill": "3",
-      "strength": "5",
-      "charisma": "4",
-      "total": "12"
-    },
-    {
-      "name": "Hyakkiga",
-      "alliance": "Susien valtakunta",
-      "skill": "4",
-      "strength": "3",
-      "charisma": "2",
-      "total": "9"
-    },
-    {
-      "name": "Shuuga",
-      "alliance": "Susien valtakunta",
-      "skill": "4",
-      "strength": "3",
-      "charisma": "2",
-      "total": "9"
-    },
-    {
-      "name": "Raiga",
-      "alliance": "Susien valtakunta",
-      "skill": "4",
-      "strength": "3",
-      "charisma": "2",
-      "total": "9"
-    },
-    {
-      "name": "Suiga",
-      "alliance": "Susien valtakunta",
-      "skill": "4",
-      "strength": "3",
-      "charisma": "3",
-      "total": "10"
-    },
-    {
-      "name": "Noroi",
-      "alliance": "Susien valtakunta",
-      "skill": "5",
-      "strength": "4",
-      "charisma": "4",
-      "total": "13"
-    },
-    {
-      "name": "Reima",
-      "alliance": "Susien valtakunta",
-      "skill": "5",
-      "strength": "4",
-      "charisma": "5",
-      "total": "14"
-    },
-    {
-      "name": "Mugen",
-      "alliance": "Gaian imperiumi",
-      "skill": "",
-      "strength": "",
-      "charisma": "3",
-      "total": "3"
-    },
-    {
-      "name": "Thousand Dragon",
-      "alliance": "Gaian imperiumi",
-      "skill": "4",
-      "strength": "3",
-      "charisma": "3",
-      "total": "10"
-    },
-    {
-      "name": "Black-Snake",
-      "alliance": "Gaian imperiumi",
-      "skill": "4",
-      "strength": "4",
-      "charisma": "4",
-      "total": "12"
-    },
-    {
-      "name": "Goldeye",
-      "alliance": "Gaian imperiumi",
-      "skill": "4",
-      "strength": "3",
-      "charisma": "3",
-      "total": "10"
-    },
-    {
-      "name": "White Tiger",
-      "alliance": "Gaian imperiumi",
-      "skill": "4",
-      "strength": "3",
-      "charisma": "2",
-      "total": "9"
-    },
-    {
-      "name": "Big Horn",
-      "alliance": "Gaian imperiumi",
-      "skill": "3",
-      "strength": "4",
-      "charisma": "2",
-      "total": "9"
-    },
-    {
-      "name": "Juga",
-      "alliance": "Gaian imperiumi",
-      "skill": "5",
-      "strength": "4",
-      "charisma": "4",
-      "total": "13"
-    },
-    {
-      "name": "Gaia",
-      "alliance": "Gaian imperiumi",
-      "skill": "5",
-      "strength": "5",
-      "charisma": "5",
-      "total": "15"
-    }
-  ]
-}

public/fonts.css

@@ -1,16 +0,0 @@
-@font-face {
-  font-family: KenneyBold;
-  src: url('assets/Kenney\ Bold.ttf');
-}
-
-body {
-  text-align: center;
-}
-
-#silver-fang-mini-game {
-  /*width: 1080px;
-  height: 1920px;*/
-  width: 540px;
-  height: 960px;
-  margin: auto;
-}

src/game-base.ts

@@ -1,53 +0,0 @@
-// import * as MiniGame from "mini-game";
-import * as Phaser from "phaser";
-import MainMenuScene from "./scenes/main-menu";
-import BootScene from "./scenes/boot";
-import PreloaderScene from "./scenes/preloader";
-
-const GameConfig: Phaser.Types.Core.GameConfig = {
-  title: 'SilverFangMiniGame',
-  version: '2.0',
-  width: 1080 / 2,
-  height: 1920 / 2,
-  type: Phaser.AUTO,
-  parent: 'silver-fang-mini-game',
-  // `as as Phaser.Types.Scenes.SettingsConfig[]` is required until https://github.com/photonstorm/phaser/pull/6235
-  scene: [
-    BootScene,
-    PreloaderScene,
-    MainMenuScene,
-  ] as Phaser.Types.Scenes.SettingsConfig[],
-  input: {
-    keyboard: true
-  },
-  physics: {
-    default: 'arcade',
-    arcade: {
-      debug: false
-    }
-  },
-  backgroundColor: '#AAA',
-  render: { pixelArt: false, antialias: true },
-  scale: {
-    mode: Phaser.Scale.FIT,
-    autoCenter: Phaser.Scale.CENTER_BOTH,
-    // `fullscreenTarget` must be defined for phones to not have
-    // a small margin during fullscreen.
-    fullscreenTarget: 'app',
-    expandParent: false,
-  },
-};
-
-class Game extends Phaser.Game {
-  constructor(config: Phaser.Types.Core.GameConfig) {
-
-    super({ ...GameConfig, ...config });
-  }
-}
-
-/*window.addEventListener('load', () => {
-  // Expose `_game` to allow debugging, mute button and fullscreen button
-  (window as any)._game = new Game(GameConfig);
-});*/
-
-export default Game;

src/game.rs

@@ -0,0 +1 @@
+

src/game/game_object.rs

@@ -0,0 +1,27 @@
+use wasm_bindgen::prelude::*;
+
+#[wasm_bindgen(getter_with_clone)] // Either do this or make text private and implement getter and setter (String!)
+#[derive(Clone, Copy)]
+pub struct GameState {
+    pub x: f64,
+    pub y: f64,
+    pub a: f64,
+    pub width: u32,
+    pub height: u32,
+    pub scale: f64,
+}
+
+#[wasm_bindgen]
+impl GameObject {
+    pub fn new() -> GameObject {
+        GameObject {
+            x: 0.,
+            y: 0.,
+            a: 0.,
+            width: 0,
+            height: 0,
+            scale: 0.,
+        }
+    }
+}
+

src/game/game_state.rs

@@ -0,0 +1,17 @@
+use crate::game::game_object::GameObject;
+
+pub enum State {
+    Menu,
+    InGame,
+    GameOver,
+}
+
+#[wasm_bindgen(getter_with_clone)]
+pub struct GameState {
+    pub width: u32,
+    pub height: u32,
+    pub time: u64,
+    pub score: u64,
+    pub state: State(Menu),
+    objects: Vec<GameObject>,
+}

src/index.ts

@@ -1,5 +0,0 @@
-//wasm.greet();
-
-import Game from "./game-base";
-
-new Game({ parent: 'silver-fang-mini-game' });

src/lib.rs

@@ -0,0 +1,14 @@
+mod game;
+mod utils;
+
+use wasm_bindgen::prelude::*;
+
+#[wasm_bindgen]
+extern "C" {
+    fn alert(s: &str);
+}
+
+#[wasm_bindgen]
+pub fn greet() {
+    alert("Hello, mini-game!");
+}

src/objects/button.ts

@@ -1,46 +0,0 @@
-import * as Phaser from "phaser";
-
-class GameButton {
-  group: Phaser.GameObjects.Group | null = null;
-  sprite: Phaser.GameObjects.Sprite | null = null;
-  constructor(scene: Phaser.Scene, x: number, y: number, text: string) {
-    const textObject = new Phaser.GameObjects.Text(scene, x, y, text, {
-      color: 'black',
-      fontFamily: 'KenneyBold',
-    })
-
-    textObject.setOrigin(.5, .5)
-
-    const topLeft = new Phaser.GameObjects.Image(scene, x, y, 'button-bg', 0)
-    const top = new Phaser.GameObjects.Image(scene, x, y, 'button-bg', 1)
-    const topRight = new Phaser.GameObjects.Image(scene, x, y, 'button-bg', 2)
-    // bgObject.setScale(((textObject.width + 40) / 48), ((textObject.height + 40) / 48))
-    //bgObject.setInteractive();
-
-    //bgObject.on('pointerover', () => {
-
-    //})
-
-    const buttonGroup = new Phaser.GameObjects.Group(scene)
-    buttonGroup.add(textObject)
-    buttonGroup.add(topLeft)
-    buttonGroup.add(top)
-    buttonGroup.add(topRight)
-
-    this.group = buttonGroup
-
-    scene.add.existing(topLeft)
-    scene.add.existing(topRight)
-    scene.add.existing(textObject)
-    scene.add.existing(buttonGroup)
-
-    console.log(textObject.width, textObject.height)
-  }
-  onEvent(eventName: any, fn: any) {
-    this.sprite?.on(eventName, fn)
-  }
-  moveTo(x: number, y: number) {
-    this.group?.setXY(x, y)
-  }
-}
-export default GameButton;

src/objects/card.ts

@@ -1,94 +0,0 @@
-import * as Phaser from "phaser";
-
-class Card {
-  scene: Phaser.Scene | null = null;
-  group: Phaser.GameObjects.Group | null = null;
-  sprites = [];
-  isFaceUp: boolean = true;
-  characterName: string | null = null;
-  isFlipping: boolean = false;
-
-  constructor(scene: Phaser.Scene, x: number, y: number, characterName: string) {
-    this.scene = scene;
-    this.characterName = characterName;
-
-    const cardBackground: Phaser.GameObjects.Image = new Phaser.GameObjects.Image(scene, x, y, 'card-bg', 0)
-    const cardShadow: Phaser.GameObjects.Image = new Phaser.GameObjects.Image(scene, x, y, 'card-shadow', 0)
-    const character: Phaser.GameObjects.Image = new Phaser.GameObjects.Image(scene, x, y, 'character-' + characterName + '-card', 0)
-
-    const cardGroup: Phaser.GameObjects.Group = new Phaser.GameObjects.Group(scene)
-
-    cardGroup.add(cardShadow)
-    cardGroup.add(cardBackground)
-    cardGroup.add(character)
-
-    this.group = cardGroup
-
-    character.setInteractive();
-    scene.add.existing(cardShadow)
-    scene.add.existing(cardBackground)
-    scene.add.existing(character)
-
-    scene.add.existing(cardGroup)
-
-    this.sprites.push({ sprite: cardShadow, offsetX: -5, offsetY: -5 })
-    this.sprites.push({ sprite: cardBackground, offsetX: 0, offsetY: 0 })
-    this.sprites.push({ sprite: character, offsetX: 0, offsetY: 0 })
-  }
-  onEvent(eventName: any, fn: any) {
-    const sprite = this.sprites[this.sprites.length - 1].sprite
-    console.log(sprite, eventName, fn)
-    sprite.on(eventName, fn, this.scene)
-  }
-  flip() {
-    if (this.isFlipping) {
-      return;
-    }
-    this.isFlipping = true;
-
-    const ease = 'Sine.easeIn'
-    const duration = 100
-    const tween = this.scene?.tweens.add({
-      targets: this.sprites.map(s => s.sprite),
-      props: {
-        scaleX: { value: 0, duration, yoyo: true },
-      },
-      ease,
-      onComplete: () => {
-        this.isFaceUp = !this.isFaceUp;
-        this.isFlipping = false;
-      }
-    })
-    this.scene?.tweens.add({
-      targets: this.sprites[2].sprite,
-      props: {
-        texture: { value: this.isFaceUp ? 'card-bg' : 'character-' + this.characterName + '-card', duration: 0, delay: duration },
-      },
-      ease,
-    })
-  }
-  moveTo(x: number, y: number) {
-    this.scene?.tweens.add({
-      targets: this.sprites.filter(s => s.offsetX === 0).map(s => s.sprite),
-      props: {
-        x: { value: x, duration: 1000 },
-        y: { value: y, duration: 1000 }
-      },
-      ease: 'Expo.out'
-    })
-    this.scene?.tweens.add({
-      targets: this.sprites.filter(s => s.offsetX != 0).map(s => s.sprite),
-      props: {
-        x: { value: x - 5, duration: 1000 },
-        y: { value: y + 5, duration: 1000 }
-      },
-      ease: 'Expo.out'
-    })
-    //this.group?.setXY(x, y)
-  }
-  scaleTo(x: number, y: number) {
-    this.group?.children.iterate((child) => child.setScale(x, y))
-  }
-}
-
-export default Card;

src/scenes/boot.ts

@@ -1,19 +0,0 @@
-import { Scene } from 'phaser';
-
-class BootScene extends Scene {
-  constructor() {
-    super('Boot');
-  }
-
-  preload() {
-    //  The Boot Scene is typically used to load in any assets you require for your Preloader, such as a game logo or background.
-    //  The smaller the file size of the assets, the better, as the Boot Scene itself has no preloader.
-    this.load.image('background01', 'assets/background01.png');
-  }
-
-  create() {
-    this.scene.start('Preloader');
-  }
-}
-
-export default BootScene;

src/scenes/main-menu.ts

@@ -1,56 +0,0 @@
-import * as Phaser from "phaser";
-import Card from "../objects/card";
-import GameButton from "../objects/button";
-
-class MainMenuScene extends Phaser.Scene {
-  constructor() {
-    super('MainMenu')
-  }
-
-  preload() {
-  }
-
-  create() {
-    const gameState = {
-      cards: [],
-      tablePositions: []
-    }
-
-    const { centerX, centerY, width, height } = this.cameras.main;
-    const bg = this.add.image(centerX, centerY, 'background01');
-    const cardsPerRow = 4;
-    const numCards = cardsPerRow * cardsPerRow;
-
-    const characters = ['akakabuto', 'ben', 'cross', 'gin', 'hyena', 'john', 'madara', 'mosa', 'riki', 'smith', 'sniper']
-
-    for (let x = 0; x < cardsPerRow; x++) {
-      for (let y = 0; y < cardsPerRow; y++) {
-        const char = Math.floor(Math.random() * 100) % characters.length;
-        const card = new Card(this, 80, 80, characters[char]);
-        card.scaleTo(.4, .4)
-        card.flip();
-        card.onEvent('clicked', () => {
-          card.flip()
-        })
-        gameState.cards.push(card);
-        gameState.tablePositions.push({ x: x * 130 + 80, y: y * 130 + 160 })
-      }
-    }
-
-    gameState.cards.forEach((card, idx) => {
-      const pos = gameState.tablePositions[idx]
-      card.moveTo(pos.x, pos.y)
-    })
-
-    this.input.on('gameobjectup', function (pointer, gameObject) {
-      gameObject.emit('clicked', gameObject);
-    }, this);
-
-    //card.scaleTo(0.5, 0.5)
-    //card.moveTo(400, 150);
-    //card.flip()
-  }
-
-}
-
-export default MainMenuScene;

src/scenes/preloader.ts

@@ -1,52 +0,0 @@
-import { Scene } from 'phaser';
-
-export default class PreloaderScene extends Scene {
-  constructor() {
-    super('Preloader');
-  }
-
-  init() {
-    const { centerX, centerY, width, height } = this.cameras.main;
-    //  We loaded this image in our Boot Scene, so we can display it here
-    const bg = this.add.image(centerX, centerY, 'background01');
-    bg.scale = 2;
-    //  A simple progress bar. This is the outline of the bar.
-    this.add.rectangle(centerX, centerY, 468, 32).setStrokeStyle(2, 0x000000);
-
-    //  This is the progress bar itself. It will increase in size from the left based on the % of progress.
-    const bar = this.add.rectangle(centerX - 230, centerY, 4, 28, 0xffffff);
-
-    const text = this.add.text(centerX, centerY, 'LADATAAN...', {
-      color: "black",
-      backgroundColor: "white",
-      stroke: "#AAA",
-      strokeThickness: 4,
-      fontFamily: "Kenney Bold",
-    });
-    text.setOrigin(0.5);
-
-    //  Use the 'progress' event emitted by the LoaderPlugin to update the loading bar
-    this.load.on('progress', (progress: number) => {
-      //  Update the progress bar (our bar is 464px wide, so 100% = 464px)
-      bar.width = 4 + (460 * progress);
-    });
-  }
-
-  preload() {
-    this.load.setPath('assets');
-
-    this.load.spritesheet('button-bg', 'panel-000.png', { frameWidth: 16, frameHeight: 16 });
-    this.load.spritesheet('card-bg', 'card-bg.png', { frameWidth: 272, frameHeight: 272 });
-    this.load.spritesheet('card-shadow', 'card-shadow.png', { frameWidth: 272, frameHeight: 272 });
-
-    const characters = ['akakabuto', 'ben', 'cross', 'gin', 'hyena', 'john', 'madara', 'mosa', 'riki', 'smith', 'sniper']
-
-    characters.forEach(character => {
-      this.load.spritesheet('character-' + character + '-card', 'characters/' + character + '_card.png', { frameWidth: 256, frameHeight: 256 });
-    });
-  }
-
-  create() {
-    this.scene.start('MainMenu');
-  }
-}

src/utils.rs

@@ -0,0 +1,10 @@
+pub fn set_panic_hook() {
+    // When the `console_error_panic_hook` feature is enabled, we can call the
+    // `set_panic_hook` function at least once during initialization, and then
+    // we will get better error messages if our code ever panics.
+    //
+    // For more details see
+    // https://github.com/rustwasm/console_error_panic_hook#readme
+    #[cfg(feature = "console_error_panic_hook")]
+    console_error_panic_hook::set_once();
+}

tests/web.rs

@@ -0,0 +1,13 @@
+//! Test suite for the Web and headless browsers.
+
+#![cfg(target_arch = "wasm32")]
+
+extern crate wasm_bindgen_test;
+use wasm_bindgen_test::*;
+
+wasm_bindgen_test_configure!(run_in_browser);
+
+#[wasm_bindgen_test]
+fn pass() {
+    assert_eq!(1 + 1, 2);
+}

tsconfig.json

@@ -1,18 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "lib": ["ESNext", "DOM", "scripthost"],
-    "moduleResolution": "Node",
-    "strict": true,
-    "sourceMap": true,
-    "resolveJsonModule": true,
-    "esModuleInterop": true,
-    "types": ["vite/client"],
-    "noEmit": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noImplicitReturns": true
-  },
-  "include": ["./src"]
-}

vite.config.js

@@ -1,9 +0,0 @@
-export default {
-  // Define `base` because this deploys to user.github.io/repo-name/
-  base: './',
-  build: {
-    // Do not inline images and assets to avoid the phaser error
-    // "Local data URIs are not supported"
-    assetsInlineLimit: 0
-  },
-}

www/.bin/create-wasm-app.js

@@ -0,0 +1,24 @@
+#!/usr/bin/env node
+
+const { spawn } = require("child_process");
+const fs = require("fs");
+
+let folderName = '.';
+
+if (process.argv.length >= 3) {
+  folderName = process.argv[2];
+  if (!fs.existsSync(folderName)) {
+    fs.mkdirSync(folderName);
+  }
+}
+
+const clone = spawn("git", ["clone", "https://github.com/rustwasm/create-wasm-app.git", folderName]);
+
+clone.on("close", code => {
+  if (code !== 0) {
+    console.error("cloning the template failed!")
+    process.exit(code);
+  } else {
+    console.log("🦀 Rust + 🕸 Wasm = ❤");
+  }
+});

www/.gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist

www/.travis.yml

@@ -0,0 +1,5 @@
+language: node_js
+node_js: "10"
+
+script:
+  - ./node_modules/.bin/webpack

www/LICENSE-APACHE

@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                     http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+   "License" shall mean the terms and conditions for use, reproduction,
+   and distribution as defined by Sections 1 through 9 of this document.
+
+   "Licensor" shall mean the copyright owner or entity authorized by
+   the copyright owner that is granting the License.
+
+   "Legal Entity" shall mean the union of the acting entity and all
+   other entities that control, are controlled by, or are under common
+   control with that entity. For the purposes of this definition,
+   "control" means (i) the power, direct or indirect, to cause the
+   direction or management of such entity, whether by contract or
+   otherwise, or (ii) ownership of fifty percent (50%) or more of the
+   outstanding shares, or (iii) beneficial ownership of such entity.
+
+   "You" (or "Your") shall mean an individual or Legal Entity
+   exercising permissions granted by this License.
+
+   "Source" form shall mean the preferred form for making modifications,
+   including but not limited to software source code, documentation
+   source, and configuration files.
+
+   "Object" form shall mean any form resulting from mechanical
+   transformation or translation of a Source form, including but
+   not limited to compiled object code, generated documentation,
+   and conversions to other media types.
+
+   "Work" shall mean the work of authorship, whether in Source or
+   Object form, made available under the License, as indicated by a
+   copyright notice that is included in or attached to the work
+   (an example is provided in the Appendix below).
+
+   "Derivative Works" shall mean any work, whether in Source or Object
+   form, that is based on (or derived from) the Work and for which the
+   editorial revisions, annotations, elaborations, or other modifications
+   represent, as a whole, an original work of authorship. For the purposes
+   of this License, Derivative Works shall not include works that remain
+   separable from, or merely link (or bind by name) to the interfaces of,
+   the Work and Derivative Works thereof.
+
+   "Contribution" shall mean any work of authorship, including
+   the original version of the Work and any modifications or additions
+   to that Work or Derivative Works thereof, that is intentionally
+   submitted to Licensor for inclusion in the Work by the copyright owner
+   or by an individual or Legal Entity authorized to submit on behalf of
+   the copyright owner. For the purposes of this definition, "submitted"
+   means any form of electronic, verbal, or written communication sent
+   to the Licensor or its representatives, including but not limited to
+   communication on electronic mailing lists, source code control systems,
+   and issue tracking systems that are managed by, or on behalf of, the
+   Licensor for the purpose of discussing and improving the Work, but
+   excluding communication that is conspicuously marked or otherwise
+   designated in writing by the copyright owner as "Not a Contribution."
+
+   "Contributor" shall mean Licensor and any individual or Legal Entity
+   on behalf of whom a Contribution has been received by Licensor and
+   subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+   this License, each Contributor hereby grants to You a perpetual,
+   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+   copyright license to reproduce, prepare Derivative Works of,
+   publicly display, publicly perform, sublicense, and distribute the
+   Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+   this License, each Contributor hereby grants to You a perpetual,
+   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+   (except as stated in this section) patent license to make, have made,
+   use, offer to sell, sell, import, and otherwise transfer the Work,
+   where such license applies only to those patent claims licensable
+   by such Contributor that are necessarily infringed by their
+   Contribution(s) alone or by combination of their Contribution(s)
+   with the Work to which such Contribution(s) was submitted. If You
+   institute patent litigation against any entity (including a
+   cross-claim or counterclaim in a lawsuit) alleging that the Work
+   or a Contribution incorporated within the Work constitutes direct
+   or contributory patent infringement, then any patent licenses
+   granted to You under this License for that Work shall terminate
+   as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+   Work or Derivative Works thereof in any medium, with or without
+   modifications, and in Source or Object form, provided that You
+   meet the following conditions:
+
+   (a) You must give any other recipients of the Work or
+       Derivative Works a copy of this License; and
+
+   (b) You must cause any modified files to carry prominent notices
+       stating that You changed the files; and
+
+   (c) You must retain, in the Source form of any Derivative Works
+       that You distribute, all copyright, patent, trademark, and
+       attribution notices from the Source form of the Work,
+       excluding those notices that do not pertain to any part of
+       the Derivative Works; and
+
+   (d) If the Work includes a "NOTICE" text file as part of its
+       distribution, then any Derivative Works that You distribute must
+       include a readable copy of the attribution notices contained
+       within such NOTICE file, excluding those notices that do not
+       pertain to any part of the Derivative Works, in at least one
+       of the following places: within a NOTICE text file distributed
+       as part of the Derivative Works; within the Source form or
+       documentation, if provided along with the Derivative Works; or,
+       within a display generated by the Derivative Works, if and
+       wherever such third-party notices normally appear. The contents
+       of the NOTICE file are for informational purposes only and
+       do not modify the License. You may add Your own attribution
+       notices within Derivative Works that You distribute, alongside
+       or as an addendum to the NOTICE text from the Work, provided
+       that such additional attribution notices cannot be construed
+       as modifying the License.
+
+   You may add Your own copyright statement to Your modifications and
+   may provide additional or different license terms and conditions
+   for use, reproduction, or distribution of Your modifications, or
+   for any such Derivative Works as a whole, provided Your use,
+   reproduction, and distribution of the Work otherwise complies with
+   the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+   any Contribution intentionally submitted for inclusion in the Work
+   by You to the Licensor shall be under the terms and conditions of
+   this License, without any additional terms or conditions.
+   Notwithstanding the above, nothing herein shall supersede or modify
+   the terms of any separate license agreement you may have executed
+   with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+   names, trademarks, service marks, or product names of the Licensor,
+   except as required for reasonable and customary use in describing the
+   origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+   agreed to in writing, Licensor provides the Work (and each
+   Contributor provides its Contributions) on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+   implied, including, without limitation, any warranties or conditions
+   of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+   PARTICULAR PURPOSE. You are solely responsible for determining the
+   appropriateness of using or redistributing the Work and assume any
+   risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+   whether in tort (including negligence), contract, or otherwise,
+   unless required by applicable law (such as deliberate and grossly
+   negligent acts) or agreed to in writing, shall any Contributor be
+   liable to You for damages, including any direct, indirect, special,
+   incidental, or consequential damages of any character arising as a
+   result of this License or out of the use or inability to use the
+   Work (including but not limited to damages for loss of goodwill,
+   work stoppage, computer failure or malfunction, or any and all
+   other commercial damages or losses), even if such Contributor
+   has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+   the Work or Derivative Works thereof, You may choose to offer,
+   and charge a fee for, acceptance of support, warranty, indemnity,
+   or other liability obligations and/or rights consistent with this
+   License. However, in accepting such obligations, You may act only
+   on Your own behalf and on Your sole responsibility, not on behalf
+   of any other Contributor, and only if You agree to indemnify,
+   defend, and hold each Contributor harmless for any liability
+   incurred by, or claims asserted against, such Contributor by reason
+   of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+   To apply the Apache License to your work, attach the following
+   boilerplate notice, with the fields enclosed by brackets "[]"
+   replaced with your own identifying information. (Don't include
+   the brackets!)  The text should be enclosed in the appropriate
+   comment syntax for the file format. We also recommend that a
+   file or class name and description of purpose be included on the
+   same "printed page" as the copyright notice for easier
+   identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

www/LICENSE-MIT

@@ -0,0 +1,25 @@
+Copyright (c) [year] [name]
+
+Permission is hereby granted, free of charge, to any
+person obtaining a copy of this software and associated
+documentation files (the "Software"), to deal in the
+Software without restriction, including without
+limitation the rights to use, copy, modify, merge,
+publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software
+is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice
+shall be included in all copies or substantial portions
+of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
+ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT
+SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR
+IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+DEALINGS IN THE SOFTWARE.

www/README.md

@@ -0,0 +1,67 @@
+<div align="center">
+
+  <h1><code>create-wasm-app</code></h1>
+
+  <strong>An <code>npm init</code> template for kick starting a project that uses NPM packages containing Rust-generated WebAssembly and bundles them with Webpack.</strong>
+
+  <p>
+    <a href="https://travis-ci.org/rustwasm/create-wasm-app"><img src="https://img.shields.io/travis/rustwasm/create-wasm-app.svg?style=flat-square" alt="Build Status" /></a>
+  </p>
+
+  <h3>
+    <a href="#usage">Usage</a>
+    <span> | </span>
+    <a href="https://discordapp.com/channels/442252698964721669/443151097398296587">Chat</a>
+  </h3>
+
+  <sub>Built with 🦀🕸 by <a href="https://rustwasm.github.io/">The Rust and WebAssembly Working Group</a></sub>
+</div>
+
+## About
+
+This template is designed for depending on NPM packages that contain
+Rust-generated WebAssembly and using them to create a Website.
+
+* Want to create an NPM package with Rust and WebAssembly? [Check out
+  `wasm-pack-template`.](https://github.com/rustwasm/wasm-pack-template)
+* Want to make a monorepo-style Website without publishing to NPM? Check out
+  [`rust-webpack-template`](https://github.com/rustwasm/rust-webpack-template)
+  and/or
+  [`rust-parcel-template`](https://github.com/rustwasm/rust-parcel-template).
+
+## 🚴 Usage
+
+```
+npm init wasm-app
+```
+
+## 🔋 Batteries Included
+
+- `.gitignore`: ignores `node_modules`
+- `LICENSE-APACHE` and `LICENSE-MIT`: most Rust projects are licensed this way, so these are included for you
+- `README.md`: the file you are reading now!
+- `index.html`: a bare bones html document that includes the webpack bundle
+- `index.js`: example js file with a comment showing how to import and use a wasm pkg
+- `package.json` and `package-lock.json`:
+  - pulls in devDependencies for using webpack:
+      - [`webpack`](https://www.npmjs.com/package/webpack)
+      - [`webpack-cli`](https://www.npmjs.com/package/webpack-cli)
+      - [`webpack-dev-server`](https://www.npmjs.com/package/webpack-dev-server)
+  - defines a `start` script to run `webpack-dev-server`
+- `webpack.config.js`: configuration file for bundling your js with webpack
+
+## License
+
+Licensed under either of
+
+* Apache License, Version 2.0, ([LICENSE-APACHE](LICENSE-APACHE) or http://www.apache.org/licenses/LICENSE-2.0)
+* MIT license ([LICENSE-MIT](LICENSE-MIT) or http://opensource.org/licenses/MIT)
+
+at your option.
+
+### Contribution
+
+Unless you explicitly state otherwise, any contribution intentionally
+submitted for inclusion in the work by you, as defined in the Apache-2.0
+license, shall be dual licensed as above, without any additional terms or
+conditions.

www/bootstrap.ts

@@ -0,0 +1,5 @@
+// A dependency graph that contains any wasm must all be imported
+// asynchronously. This `bootstrap.js` file does the single async import, so
+// that no one else needs to worry about it again.
+import("./index")
+  .catch(e => console.error("Error importing `index.ts`:", e));

www/index.html

@@ -4,12 +4,12 @@
 <head>
   <meta charset="utf-8">
   <title>Hello wasm-pack!</title>
-  <script type="module" crossorigin src="./assets/index-CS9tYjbg.js"></script>
 </head>
 
 <body>
   <div id="silver-fang-mini-game"></div>
   <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
+  <script src="./bootstrap.js"></script>
 </body>
 
 </html>

www/index.ts

@@ -0,0 +1,6 @@
+//wasm.greet();
+
+import Game from "./src/game-base";
+
+const game = new Game('silver-fang-minigame');
+game.start();

www/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "silver-fang-mini-game",
+  "version": "0.1.0",
+  "description": "Silver Fang Mini Game",
+  "main": "index.js",
+  "bin": {
+    "create-wasm-app": ".bin/create-wasm-app.js"
+  },
+  "scripts": {
+    "build": "webpack --config webpack.config.js",
+    "start": "webpack-dev-server"
+  },
+  "homepage": "https://github.com/rustwasm/create-wasm-app#readme",
+  "devDependencies": {
+    "copy-webpack-plugin": "^12.0.2",
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.4.5",
+    "webpack": "^5.x.x",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.0.4"
+  },
+  "dependencies": {
+    "mini-game": "file:../pkg",
+    "phaser": "^3.80.1"
+  }
+}

www/src/game-base.ts

@@ -0,0 +1,24 @@
+import * as MiniGame from "mini-game";
+import * as Phaser from "phaser";
+import MainMenuScene from "./scenes/main-menu-scene";
+class Game {
+  parent: string = ''
+  phaserGame: Phaser.Game = null
+
+  constructor(parent: string) {
+    this.parent = parent ?? 'game'
+  }
+
+  start() {
+    this.phaserGame = new Phaser.Game({
+      type: Phaser.AUTO,
+      parent: this.parent,
+      width: 800,
+      height: 600,
+      backgroundColor: 'rgba(80, 80, 80, 0)',
+      scene: [MainMenuScene],
+    });
+  }
+}
+
+export default Game;

www/src/objects/button.ts

@@ -0,0 +1,33 @@
+import * as Phaser from "phaser";
+
+class GameButton {
+  group: Phaser.GameObjects.Group | null = null;
+  constructor(scene: Phaser.Scene, x: number, y: number, text: string) {
+    const textObject = new Phaser.GameObjects.Text(scene, x, y, text, {
+      color: 'black',
+    })
+    textObject.setOrigin(.5, .5)
+    const bgObject = new Phaser.GameObjects.Sprite(scene, x, y, 'button-bg-inactive')
+    bgObject.setScale(((textObject.width + 40) / 48), ((textObject.height + 40) / 48))
+    bgObject.setInteractive();
+    bgObject.on('pointerover', () => {
+      
+    })
+
+    const buttonGroup = new Phaser.GameObjects.Group(scene)
+    buttonGroup.add(textObject)
+    buttonGroup.add(bgObject)
+
+    this.group = buttonGroup
+
+    scene.add.existing(bgObject)
+    scene.add.existing(textObject)
+    scene.add.existing(buttonGroup)
+
+    console.log(textObject.width, textObject.height)
+  }
+  moveTo(x: number, y: number) {
+    this.group.setXY(x, y)
+  }
+}
+export default GameButton;

www/src/scenes/main-menu-scene.ts

@@ -0,0 +1,18 @@
+import * as Phaser from "phaser";
+import ButtonSprite from "../objects/button-sprite";
+import GameButton from "../objects/button";
+
+class MainMenuScene extends Phaser.Scene {
+  preload() {
+    this.load.image('button-bg', 'assets/panel-000.png');
+  }
+
+  create() {
+    const button = new GameButton(this, 0, 0, 'LOL');
+
+    button.moveTo(100, 100)
+  }
+
+}
+
+export default MainMenuScene;

www/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "outDir": "./dist/",
+    "noImplicitAny": true,
+    "module": "es2022",
+    "target": "es5",
+    "allowJs": true,
+    "moduleResolution": "node"
+  }
+}

www/webpack.config.js

@@ -0,0 +1,35 @@
+const CopyWebpackPlugin = require("copy-webpack-plugin");
+const path = require('path');
+
+module.exports = {
+  entry: "./bootstrap.ts",
+  devtool: 'inline-source-map',
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        use: 'ts-loader',
+        exclude: /node_modules/,
+      },
+    ],
+  },
+  resolve: {
+    extensions: ['.ts', '.js'],
+  },
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    filename: "bootstrap.js",
+  },
+  mode: "development",
+  plugins: [
+    new CopyWebpackPlugin({ patterns: ['index.html'] })
+  ],
+  experiments: {
+    asyncWebAssembly: true,
+  },
+  devServer: {
+    static: {
+      directory: path.join(__dirname),
+    },
+  }
+};