https://github.com/matsmaker/pixijs-remote-helper
https://github.com/matsmaker/pixijs-remote-helper
debug debugger debugging debugging-tool developer-tools developertools game-development mixins phaser phaserjs pixi pixijs tools
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/matsmaker/pixijs-remote-helper
- Owner: MatsMaker
- License: gpl-3.0
- Created: 2018-10-05T14:19:27.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-03-05T18:24:56.000Z (over 3 years ago)
- Last Synced: 2025-05-22T09:19:40.382Z (about 1 year ago)
- Topics: debug, debugger, debugging, debugging-tool, developer-tools, developertools, game-development, mixins, phaser, phaserjs, pixi, pixijs, tools
- Language: JavaScript
- Size: 5.6 MB
- Stars: 11
- Watchers: 2
- Forks: 0
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Pixijs remote helper
Tools for remote inspecting pixijs application
# How use
**First time need do:**
1. *Install ways*:
- Install from npm
```bush
npm install -g pixijs-remote-helper
```
- Clone this repository
```bush
$cd ./pixijs-remote-helper
$npm run build
$npm i -g ../pixijs-remote-helper
```
2. Add mixin(./mixin build/main.bundle.js) script to pixijs app page where need debugging
3. Run app from terminal
```
$pixihelper
```
4. Then open client page on http://localhost:3000/main.html for debuggin
## Options:
### You can change __CLIENT PORT__ page:
By default it is 3000 port
```bush
$POSRT=8080 pixihelper // then open client page on http://localhost:8080/main.html address
```
### Also you can change __SOCKET PORT__:
By default it is 3010:
1. Run *server sockets* on new port
```bush
$SOCKET_PORT=3090 pixihelper
```
2. Connect mixin on new socket port
before add *mixin script* on page define __PIXI_HELPER_PROXY_HOST='http://localhost:3090'__ then add mixin script on page. __OR__ define in __localStorage__ 'pixiHelperProxyHost' variable then reload page with mixin
**For example: you can to run mixin example client use**
```bush
$npm run mixin:dev
```
Then open http://localhost:3080/mixin5v.html page with pixijs app
# For development start web application
You must have installed node.js then, clone this repo and next:
npm i
// run example pixi.js app
npm run mixin:dev
// run application
npm run web:dev
// run middle server
npm run server:dev
Then open http://localhost:8080/app.html for open web client
and open http://localhost:3080/mixin4v.html or http://localhost:3080/mixin5v.html for open mixin examle.
# For development start electron application
You must have installed node.js then, clone this repo and next:
npm i
// run example pixi.js app
npm run mixin:dev
// run watcher of web client witch is integrated in application
npm run client:dev
// run electron application
npm run app:dev
Then opened electron app
and open http://localhost:3080/mixin4v.html or http://localhost:3080/mixin5v.html for open mixin example.