The player needs to eliminate all his enemies to win the game
- Sprite sheets: Jojo Jungle Pack by DidiGameB, 24 x 22 pixels / frame, license: CC-BY 3.0
- Inspired by the official Phaser3 tutorial.
- Tilemap made with tiled. Also see this nice tiled video tutorial, and this other tutorial about using these tiles in phaser.
- Run development server:
npm run start
- Deployment:
npm run build
- After deployment, and to access the dist/index.html file, an http server is needed to serve sprite images from the hard-drive:
python3 -m http.server
This file will list all the dependencies:
npm init -y
Webpack is module bundler for merging js/css files into one (optimal for browsers), and for automating the build process (like cmake). Webpack-cli is needed since webpack 4.
npm install --save-dev webpack webpack-cli
Webpack-dev-server works in-memory to refresh the browser automatically when files are modified:
npm install --save-dev webpack-dev-server
html-webpack-plugin is needed to generate automatically an index.html file:
npm install --save-dev html-webpack-plugin
file-loader is needed to copy images automatically on build:
npm install --save-dev file-loader
npm install three stats.js --save
Run linter on javascript source file:
npm install eslint --save-dev
npx eslint --init
npx eslint src/app.js
Run jsdoc to generate documentation on javascript source file:
npm install --save-dev jsdoc
npx jsdoc src/app.js
- As mentioned in YouCompleteMe README, it needs to be installed using (node is required):
./install.py --ts-completer
If it was already installed, you need to force it to use TSServer instead of Tern by deleting the following folder:
third_party/ycmd/third_party/tern_runtime/node_modules
- Finally, check that YouCompleteMe (YCM) is running correctly by looking at the logs whose paths are printed with:
:YcmDebugInfo
- Short tutorial to get started with webpack.
- A more comprehensive tutorial about project structure with webpack.
Icons are available on this website on a permissive license.