Small example showing how to use TexturePacker with Phaser 3
Clone or download
Latest commit 0019d35 Jun 19, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets Enabled multipack Jun 19, 2018
src Enabled multipack Jun 19, 2018
.gitignore Added sample project files. Jul 31, 2017
LICENSE updated license, removed unused asset Feb 28, 2018
README.md Enabled multipack Jun 19, 2018
index.html Added sample project files. Jul 31, 2017
package.json Enabled multipack Jun 19, 2018
webpack.config.js Added raw-loader and updated version Jan 31, 2018
yarn.lock Enabled multipack Jun 19, 2018

README.md

Phaser 3 sprite sheet optimization tutorial

The complete tutorial is available from here: Creating sprite sheets for Phaser 3 with TexturePacker

Content:

  • Creating sprite sheets with TexturePacker
  • Loading sprite sheets in Phaser
  • Setting pivot points with TexturePacker
  • Playing animations from the sprite sheet
  • Optimizing start up time and reducing download size

How to run the example (yarn):

git clone https://github.com/CodeAndWeb/TexturePacker-Phaser3.git
yarn
yarn run webpack-dev-server

Or with npm:

git clone https://github.com/CodeAndWeb/TexturePacker-Phaser3.git
npm
npm run webpack-dev-server

The demo runs at http://localhost:8080