---
title: "Phaser sprite sheet & game tutorials"
description: "Create sprite sheets and animations for Phaser 2 and 3 — texture atlas loading, physics and performance optimization."
canonical: "https://www.codeandweb.com/tutorials/phaser"
source: "html"
---

# Phaser sprite sheet & game tutorials

Create sprite sheets and animations for Phaser 2 and 3 — texture atlas loading, physics and performance optimization.  
We currently have these 6 tutorials [tagged](https://www.codeandweb.com/tags.md) with **phaser**:

![How to create sprite sheets for Phaser with TexturePacker](https://www.codeandweb.com/static/966b49e618100fbb4789ae6d41cc2fcc/d8f52/_opengraph-image.png)

[How to create sprite sheets for Phaser with TexturePacker](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-for-phaser.md)

Learn how to create sprite sheets for Phaser with TexturePacker. This tutorial also explains how to create an animation and how optimize your spritesheet.

![How to create sprite sheets for Phaser 3 with TexturePacker](https://www.codeandweb.com/static/966b49e618100fbb4789ae6d41cc2fcc/d8f52/_opengraph-image.png)

[How to create sprite sheets for Phaser 3 with TexturePacker](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-for-phaser3)

Learn how to create sprite sheets for Phaser with TexturePacker. This tutorial also explains how to create an animation and how optimize your spritesheet.

![Creating spritesheets for Phaser 2 with TexturePacker](https://www.codeandweb.com/static/48a0483642b2a2a60272b2076d8a1bb0/d8f52/_opengraph-image.png)

[Creating spritesheets for Phaser 2 with TexturePacker](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-for-phaser2)

Short tutorial how to create SpriteSheets for Phaser.io using TexturePacker

![How to create light effects in Phaser 3](https://www.codeandweb.com/static/2bf0c7070239df9b1a3ff0980527f455/d8f52/_opengraph-image.png)

[How to create light effects in Phaser 3](https://www.codeandweb.com/spriteilluminator/tutorials/how-to-create-light-effects-in-phaser3.md)

Learn how to create dynamic light effects with Phaser 3. Add depth to your flat 2d sprites with normal maps.

![How to create physics shapes for Phaser 3 and Matter JS](https://www.codeandweb.com/static/fd16f769800bdf34fc3c9efed5e91282/d8f52/post-image.png)

[How to create physics shapes for Phaser 3 and Matter JS](https://www.codeandweb.com/physicseditor/tutorials/how-to-create-physics-shapes-for-phaser-3-and-matterjs.md)

Tutorial: Create a demo with Phaser 3 and the MatterJS physics engine. Learn how to create collision polygons from complex shapes. Free source code included.

![Tutorial: Creating a game with Phaser and P2 Physics](https://www.codeandweb.com/static/39d55e49a54a9c367c1286e6ce9a9b8c/d8f52/post-image.png)

[Tutorial: Creating a game with Phaser and P2 Physics](https://www.codeandweb.com/physicseditor/tutorials/phaser-p2-physics-example-tutorial.md)

Learn how to create a physics enabled game using Phaser and P2 Physics Engine.