SOUL HEROES - Dungeon Adventure (Deprecated)

Install dependencies

$ npm install

Start the local development server (on port 3000)

$ npm start

Ready for production?

$ npm run build

Play your production ready game in the browser (on port 8120)

$ npm run serve

Progressive Web App (PWA)

This template is 100% PWA ready.

The ServiceWorker is disabled by default and is configured to only work in production mode. Uncomment the line below inside /src/index.html to enable it.

<script>
  if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
      navigator.serviceWorker.register('./sw.js')
    })
  }
</script>

You can easily personalize its settings by following these steps:

• Replace both icons in /pwa/icons with your own.
  • One is 512x512 the other 192x192
• Add your own favicon.ico to /src
• Adjust these parameters in the manifest.json file in /pwa
  • short_name: Max. 12 characters
  • name: The full game name
  • orientation: "landscape" or "portrait"
  • background_color: color of the splash screen
  • theme_color: color of the navbar - has to match the theme-color in the index.html file
• You can leave the sw.js (serviceWorker) in /pwa how it is.
• Change the gameName in /webpack/webpack.common.js

Read more about PWA on developers.google.com

Native App

The simplest way to build a Native App is using Capacitor and following its Documentation. The only thing you need to change after installing Capacitor is the webDir inside the capacitor.config.json file. Set it to dist like so:

{
  "appId": "com.example.app",
  "appName": "YOUR_APP_NAME",
  "bundledWebRuntime": false,
  "webDir": "dist"
}

Custom Configurations

TypeScript Compiler

Change the TypeScript compiler's settings in the tsconfig.json file.

If you are new to TypeScript, you maybe want to set "noImplicitAny" to false.

You'll find more information about the TypeScript compiler here.

Typings

You can put your custom type definitions inside typings/custom.d.ts.

Webpack

All webpack configs are in the webpack folder.

Obfuscation

Obfuscation is disabled by default.

We are using the webpack-obfuscator. Change its settings in webpack/webpack.prod.js if needed. All available options are listed here.