Angular and Phaser

Neil HaddleyMay 10, 2023

Using Phaser in an Angular Component

Highlights

BASH
1% npm i -g @angular/cli
2% ng new haddley-angular-phaser
3% cd haddley-angular-phaser
4% npm i phaser
5% code .
6% ng generate component bounce

Update angular.json:

JSON
1"scripts": ["node_modules/phaser/dist/phaser.min.js"]
ng new haddley-angular-phaser

ng new haddley-angular-phaser

npm i phaser

npm i phaser

ng generate component bounce

ng generate component bounce

angular.json "scripts": ["node_modules/phaser/dist/phaser.min.js"]

angular.json "scripts": ["node_modules/phaser/dist/phaser.min.js"]

I uploaded files to the /src/assets folder

I uploaded files to the /src/assets folder

I added a route

I added a route

I removed unnecessary html

I removed unnecessary html

allowSyntheticDefaultImports

allowSyntheticDefaultImports

scripthost

scripthost

VideoFrameCallbackMetadata issue

VideoFrameCallbackMetadata issue

updating budgets

updating budgets

running

running