josephmbustamante / phaser3-typescript-starter-kit

This repository contains the code necessary to start making a game in Phaser 3 using TypeScript.

Hey there! I'm Joe 👋

I'm a professional software developer who's also passionate about helping others learn how to develop their own video games.

📹 I make game development tutorials for the Godot Engine on YouTube

☕️ If you find my work helpful, please consider donating to my Buy Me A Coffee page

🕹 Check out the games that I've made on my Itch page

phaser3-typescript-starter-kit's Issues

Huge vendors file

Hello @josephmbustamante ! Thanks for sharing this repository, I wouldn't be able to get phaser3 running so quickly with typescript and webpack without your code.

I have one problem - on clear repository I get 17MB vendors.app.bundle.js file. Do you know by any chance if this is some wrong configuration or is there a way around it? From what I understand, phaser3 by itself should only be ~6MB (and minimized around 1MB) and this is the only repository referenced in the app code.

yarn install does not work with node 16.0.0-head

I try to yarn install on node 16.0.0-head. I have to use this version because it is the first one that runs yarn without errors natively on M1 mac.

Output:

`yarn install v1.22.10
warning You are using Node "16.0.0-head" which is not supported and may encounter bugs or unexpected behavior. Yarn supports the following semver range: "^4.8.0 || ^5.7.0 || ^6.2.2 || >=8.0.0"
[1/4] 🔍 Resolving packages...

[2/4] 🚚 Fetching packages...

error [email protected]: The engine "node" is incompatible with this module. Expected version ">= 10.13.0". Got "16.0.0-head"
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.`

Cannot find module

Getting the following error

$ webpack --mode development && webpack serve --mode development
[webpack-cli] Failed to load '/home/atlantageek/dev/phasergames/phaser3-typescript/src/boilerplates/webpack-boilerplate/webpack.config.js' config
[webpack-cli] Error: Cannot find module 'Phaser'
Require stack:

• /home/atlantageek/dev/phasergames/phaser3-typescript/src/boilerplates/webpack-boilerplate/webpack.config.js

issues when importing third party plugins

Im having issues importing external plugins,
have had some luck setting the EsModuleinterop flag in tsconfig for some.

but there is one that keeps giving me:

'Module parse failed: Unexpected token ... you may need an appropriate loader to handle this file type'

I have made an example here:
https://github.com/hendrikras/phaser3-typescript-starter-kit

I have also raised this to the maintainer of the plugin in question:
mikewesthad/navmesh#46

Perhaps someone could weigh in on this.

Can you make this repo a template?

Hey. I would like to use your repo as a base for a template that I want to use in my game, and if you make this a template, my repo will have a generated from josephmbustamante/phaser3-typescript-starter-kit and people will know where most of the code came from.

I rather do that than simply copying and pasting your code into my own repo.

Thanks

License file?

It's currently impossible to know what the license of this project is.

typescript errors

I get numerous errors from typescript when I attempt to run the project. I'll list the first below and perhaps you can tell me what is going wrong.

ERROR in /home/gb/Sync/phaser3-typescript-starter-kit/src/main.ts
./src/main.ts
[tsl] ERROR in /home/gb/Sync/phaser3-typescript-starter-kit/src/main.ts(25,37)
      TS2345: Argument of type 'GameConfig' is not assignable to parameter of type 'Phaser.Types.Core.GameConfig'.
  Types of property 'input' are incompatible.
    Type 'boolean | InputConfig' is not assignable to type 'boolean | Phaser.Types.Core.InputConfig'.
      Type 'InputConfig' is not assignable to type 'boolean | InputConfig'.
        Type 'InputConfig' is not assignable to type 'Phaser.Types.Core.InputConfig'.
          Types of property 'keyboard' are incompatible.
            Type 'boolean | KeyboardInputConfig' is not assignable to type 'boolean | Phaser.Types.Core.KeyboardInputConfig'.
              Type 'KeyboardInputConfig' is not assignable to type 'boolean | KeyboardInputConfig'.
                Type 'KeyboardInputConfig' is not assignable to type 'Phaser.Types.Core.KeyboardInputConfig'.
                  Types of property 'capture' are incompatible.
                    Type 'number' is not assignable to type 'number[]'.

I can run another typescript phaser project I found so I think my environment is OK.

Any help appreciated.