Blog ShowRoom Store
Great Tutorials for your framework  

TexturePacker Tutorials

Select your framework:

Cocos2D Cocos2d-X SpriteKit Unity Starling Sparrow Flash / AS3 CSS / HTML Corona SDK LibGDX AndEngine XNA MonoGame Phaser PlayStation® Suite V-Play UIKit Xcode MelonJS Panda 2 Godot Engine EaselJS/CreateJS Other

2 reasons why you have to use sprite sheets

Reduce memory usage

Artboard 1

We protect your privacy. Click above to load the video and player from youtube.

FPS, Performance, Draw Calls

Artboard 1

We protect your privacy. Click above to load the video and player from youtube.

Did you like it? Share with your friends and collegues...

Tutorials for Cocos2D

How To Use Animations and Sprite Sheets in Cocos2D 2.X

In this tutorial, you will learn how to create a simple animation of a bear walking in Cocos2D.

by Ray Wenderlich
How to Create and Optimize Sprite Sheets in Cocos2D with Texture Packer and Pixel Formats

Tutorial about how to use optimized sprite sheets with cocos2d

by Ray Wenderlich
Tutorial: XCode4 integration of TexturePacker for Cocos2d and Sparrow framework

Integrate TexturePacker into your XCode build process

by Andreas Löw
MonkeyJump (Cocos2d V2.x)

Tutorial for TexturePacker and PhysicsEditor in 3 parts. This tutorial uses Cocos2d V2.x.

by Andreas Löw

Tutorials for Cocos2d-X

Tutorial: Using sprite sheet animations in cocos2d-x V3

Learn how to use sprite sheets and animations in cocos2d-x, design for different devices and screen sizes and optimize your game.

by Andreas Löw
Performance optimization for cocos2d-x using polygon sprite meshes

Are you experiencing low FPS in your cocos2d-x game? Optimize your sprite sheets to get the best performace for the players!

by Andreas Löw
cocos2d-x dynamic light tutorial

Tutorial: Create amazing 2d light effects for your Cocos2d-X game using normal mapped sprites.

by Joachim Grill

Tutorials for SpriteKit

SpriteKit TextureAtlases with Swift 3

How to animate Sprites with SpriteKit and Swift

by Joachim Grill
SpriteKit Animations and TextureAtlases

How to use and animate Sprites in SpriteKit using TexturePacker

by Joachim Grill

Tutorials for Unity

How to create dynamically lit 2d pixel art scenes with Unity

Tutorial: This video shows you how create dynamic light effects for your pixel art scene in Unity using normal maps created with SpriteIlluminator.

by Daniel Hofmann
2d dynamic lighting tutorial for Unity

Tutorial: Create amazing 2d lighting effects for your unity game using normal mapped sprites.

by Andreas Löw
Optimizing sprite sheets for Unity

This tutorial shows you how to use optimized sprite sheets with Unity

by Joachim Grill & Andreas Loew

Tutorials for Starling

Getting started with Starling

Getting started with Starling - A Flash game development framework

by Francesco Maisto
Starting with Starling - Ep 3: Sprite Sheets

Video tutorial how to create sprite sheets for starling

by hemanthsharma - Gaming Evangelist at Adobe
Introducing the Starling Framework

Lee Brimelow describes how to speed up flash rendering by using sprite sheets

by Lee Brimelow - Game Developer Evangelist at Adobe
Hungry Hero Pt.2: TexturePacker Sprite Sheet Setup

Learn how to setup the Hero character sprite sheet in TexturePacker

by Hemanth Sharma

Tutorials for Sparrow

Tutorial: XCode4 integration of TexturePacker for Cocos2d and Sparrow framework

Integrate TexturePacker into your XCode build process

by Andreas Löw

Tutorials for Flash / AS3

Getting started with Starling

Getting started with Starling - A Flash game development framework

by Francesco Maisto
Sprite Sheets and Blitting - Part 1

Learn how to create a nicely packed sprite sheet and corresponding JSON data file.

by Lee Brimelow - Game Developer Evangelist at Adobe
SpriteSheet Animation in AS3

Here I will show a practical and convenient way to animate sprite sheets in AS3

by FlexWiz

Tutorials for CSS / HTML

How to create Responsive Retina CSS sprites

Tutorial: How to create responsive CSS sprites with HighDPI / Retina display support.

by Andreas Löw
CSS animation examples with TexturePacker

These two examples show you how to easily create animations with CSS and sprite sheets. Example 1: hover animation. Example 2: @keyframes animation

by Kerstin Mueller
Build a Street Fighter Demo with CSS Animations and JavaScript

animate PNG sprites with CSS3

by David Walsh

Tutorials for Corona SDK

Dynamic Content Scaling for Corona SDK

Dynamic Content Scaling for Corona SDK

by Andreas Löw
Getting started with TexturePacker and CoronaSDK image sheets

Tutorial how to use TexturePacker to create Corona SDK's new image sheets

by Andreas Löw
Example with CoronaSDK using PhysicsEditor & TexturePacker

Complete example for corona SDK using PhysicsEditor and TexturePacker

by Andreas Löw
Animating Sprites from a TexturePacker image

animate sprites from a texture atlas in Corona

by Chris Campbell

Tutorials for LibGDX

LibGDX Beginner Tutorial: Sprite Sheets & Physics with Box2d

This tutorial is for libGDX beginners, explaining how to create sprite sheets, use sprites in your game and add game physics.

by Travis Haynes

Tutorials for AndEngine

Using AndEngine GLES2_AnchorCenter with TexturePacker

Using AndEngine GLES2_AnchorCenter with TexturePacker

by huangshu91

Tutorials for XNA

TexturePacker XNA Content Pipeline Extension

XNA loader for TexturePacker Sprite Sheets.

by Jesse

Tutorials for MonoGame

How to create sprite sheets and animations with Monogame

This tutorial shows how to easily create animations and sprite sheets for your MonoGame app. Full tutorial source code included!"

by Randolph Burt, Joachim Grill

Tutorials for Phaser

How to create sprite sheets for Phaser 3 with TexturePacker

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

by Joachim Grill, Andreas Löw
How to create light effects in Phaser 3

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

by Joachim Grill
Creating spritesheets for Phaser 2 with TexturePacker

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

by Andreas Loew

Tutorials for PlayStation® Suite

DevBlog > Week 4 > Spritesheets and Animations

Developer Blog about porting a game from Cocos2D-X to Playstation Mobile.

by The Liverpool Office
PlayStation Mobile SDK Tutorial: Working with sprite sheets

This tutorial covers creating an animation sprite sheet and the code required to use it in PlayStation® suite.

by Mike

Tutorials for V-Play

How to use TexturePacker with V-Play

How to use the available memory more efficiently and speed up loading sprites with the help of TexturePacker.

by Alex Leutgöb

Tutorials for UIKit

UIKit Animations with TexturePacker

Use TexturePacker to create animations for UIKit to save memory and decrease loading time

by Andreas Löw
Texture Atlases for UIKit with TexturePacker

Code to import TexturePacker's sprite sheets into UIKit

by Daniel Sefton

Tutorials for Xcode

Integrating TexturePacker with Xcode’s Build Rules

Integrating TexturePacker with Xcode’s Build Rules

by David Hart

Tutorials for MelonJS

Tutorial: Using sprite sheets in MelonJS

Learn how to use sprite sheets with MelonJS

by Andreas Löw

Tutorials for Panda 2

Panda2 sprite sheet animations tutorial

Creating a sprite sheet animation, optimizing the sheet for fast downloads, building a basic game scene with a character.

by Andreas Löw
Panda Playtime: Texture packing

How to create sprite sheets for panda2.

by Tom Vencel

Tutorials for Godot Engine

Godot 3: How to sprite sheets the easy way

Video tutorial: How to create sprite sheets for Godot 3 using TexturePacker.

by Andreas Löw
Godot 3: How to create tile sets the easy way

Video tutorial (1:50): How to create tile sets in seconds for Godot 3 using TexturePacker.

by Andreas Löw

Tutorials for EaselJS/CreateJS

How to create sprite animations for EaselJS / CreateJS

This tutorial explains how to create animations and optimized sprite sheets for your EaselJS project. Free demo source code included.

by Andreas Löw

Tutorials for Other / Common

How to create a sprite sheet

by Andreas Loew
Reducing artifacts on rotated sprites

Learn now to reduce rendering artifacts on transformed sprites.

by Andreas Löw
Packing normal maps into sprite sheets

Tutorial: Create sprite sheets for your normal mapped sprites.

by Andreas Löw
Creating sprite sheets for ShiVa using TexturePacker

Short tutorial how to create SpriteSheets for ShiVa using TexturePacker

by Andreas Löw
TexturePacker Content Protection

How to use Content Protection feature in TexturePacker to protect your assets

by Andreas Löw
Designing content for the whole iOS family

This tutorial explains how you can easily create your game assets for iPhone, iPad and iPod.

by Andreas Löw
Using JavaScript to enhance your TexturePacker output format

Using JavaScript to enhance your TexturePacker output format

by Andreas Löw
Batch converting and optimizing images for web and games in Windows

Batch convert your images to PVR and other export formats with TexturePacker

by Andreas Löw
Batch converting images to pvr or pvr.ccz

How to batch convert images to pvr and other formats

by Andreas Löw
Using TexturePacker with 3rd party tile sets

Short description how to use TexturePacker to remove colored background from sprites.

by Andreas Löw
Concentration game made with PIXI.js

using PIXI as renderer in order to show you how to render basic games.

by Emanuele Feronato
LWJGL Sprite Sheets - LWJGL Tutorials

40 minute video tutorial how to use Sprite Sheets with LWJGL

by Oskar Veerhoek





... you've reached the end of our tutorial list


I am sorry if you have not found what you were looking for. We are trying to add new tutorials - but as you might know - writing tutorials takes some time...

Do you need a tutorial for a specific topic?

Do you know a good tutorial that I should add to the list?

Or would you like to write a tutorial?
Contact me