Tutorial collection: Sprites, sprite sheets and animations

The tutorial collection covers all about sprite and animations, packing sprite sheets, optimizing images for web and game development and more.
We currently have these 49 tutorials tagged with texturepacker:

Boosting Unity Game Performance: Sprite Sheet Optimization
Boosting Unity Game Performance: Sprite Sheet Optimization

Free Tutorial: Create optmized sprite sheets for you Unity game. Reduce overdraw, vertex count and draw calls. Simplify your sprite management.

How to create sprite sheets & animations for PixiJS 7
How to create sprite sheets & animations for PixiJS 7

Free tutorial: Create optimized animations & sprite sheets for PixiJS 7, speed up startup of your app, reduce download size. Full demo source code included.

How to create and use sprite sheets with CocosCreator 3.x
How to create and use sprite sheets with CocosCreator 3.x

Free tutorial: Create optimized animations and sprite sheets with Cocos Creator.

Tutorial: Using sprite sheet animations in cocos2d-x V4
Tutorial: Using sprite sheet animations in cocos2d-x V4

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

Tutorial: Using sprite sheet animations in Axmol Game Engine
Tutorial: Using sprite sheet animations in Axmol Game Engine

Learn how to use sprite sheets and animations in Axmol Game Engine, design for different devices and screen sizes and optimize your game.

Tutorial: Using sprite sheet animations in cocos2d-x V3
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.

What's new in TexturePacker 7
What's new in TexturePacker 7

Learn about the new features we've added to TexturePacker 7: Manual MultiPack

How to fix jittering sprites in cocos2d-x
How to fix jittering sprites in cocos2d-x

Learn how to fix wobbling, shaking or jittering sprites when using TexturePacker with Cocos2D-x by increasing the shader precision.

A beginner's guide to lossless and lossy PNG optimization
A beginner's guide to lossless and lossy PNG optimization

Optimize your PNG files with TexturePacker. Reduce file size and improve performance. Learn how to adjust settings for lossless and lossy optimization.

How to handle line endings in git
How to handle line endings in git

Free tutorial: How to handle line endings in git when working on Windows, macOS and Linux

How to create sprite sheets & animations for PixiJS 6
How to create sprite sheets & animations for PixiJS 6

Free tutorial: Create optimized animations & sprite sheets for PixiJS 6, speed up startup of your app, reduce download size. Full demo source code included.

How to create a 2d game scene in Unity (Part 1)
How to create a 2d game scene in Unity (Part 1)

This tutorial shows you how to create a 2d game scene with a background and a character sprite animation. Use sprite sheets to optimise the game performance.

How to create sprite sheets & animations for PixiJS 5
How to create sprite sheets & animations for PixiJS 5

Free tutorial: Create optimized animations & sprite sheets for PixiJS 5.x, speed up startup of your app, reduce download size. Full demo source code included.

How to create Responsive Retina CSS sprites
How to create Responsive Retina CSS sprites

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

How to create sprite sheets & animations for PixiJS 4
How to create sprite sheets & animations for PixiJS 4

Free tutorial: Create optimized animations & sprite sheets for PixiJS 4, speed up startup of your app, reduce download size. Full demo source code included.

How to create sprite sheets for UnrealEngine Paper2D
How to create sprite sheets for UnrealEngine Paper2D

Free Tutorial: Learn how to create sprite sheets and flipbook animations for UnrealEngine/Paper2D using TexturePacker

How to create dynamically lit 2d pixel art scenes with 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.

How to create sprite sheets and animations with 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!"

How to create sprite animations 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.

Godot 3: How to create sprite sheets the easy way
Godot 3: How to create sprite sheets the easy way

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

Godot 3: How to create tile sets the easy way
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.

How to create sprite sheets for Phaser 3 with TexturePacker
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.

Panda2 sprite sheet animations tutorial
Panda2 sprite sheet animations tutorial

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

Tutorial: How to animate Sprites with SpriteKit and Swift
Tutorial: How to animate Sprites with SpriteKit and Swift

This free SpriteKit tutorial explains how you can create and animate sprites for your game project.

How to create a sprite sheet
How to create a sprite sheet

This tutorial explains the most used sprite sheet types and how you can easily create a sprite sheet from a single of images. Links to free software included.

LibGDX Beginner Tutorial: Sprite Sheets & Physics with Box2d
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.

Tutorial: Using sprite sheets in MelonJS
Tutorial: Using sprite sheets in MelonJS

Learn how to use sprite sheets with MelonJS

Cocos2d-x performance optimization with polygon sprites
Cocos2d-x performance optimization with polygon sprites

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

Optimizing sprite meshes for Unity
Optimizing sprite meshes for Unity

Optimize Unity sprite meshes to increase your game's performance

Reducing artifacts on rotated sprites
Reducing artifacts on rotated sprites

Learn now to reduce rendering artifacts on transformed sprites.

cocos2d-x dynamic light tutorial
cocos2d-x dynamic light tutorial

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

2d dynamic lighting tutorial for Unity
2d dynamic lighting tutorial for Unity

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

Packing normal maps into sprite sheets
Packing normal maps into sprite sheets

Tutorial: Create sprite sheets for your normal mapped sprites.

Creating sprite sheets for ShiVa using TexturePacker
Creating sprite sheets for ShiVa using TexturePacker

Short tutorial how to create SpriteSheets for ShiVa using TexturePacker

SpriteKit TextureAtlases with Swift
SpriteKit TextureAtlases with Swift

How to animate Sprites with SpriteKit and Swift

Creating spritesheets for Phaser 2 with TexturePacker
Creating spritesheets for Phaser 2 with TexturePacker

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

CSS animation examples with TexturePacker
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

Getting started with Starling
Getting started with Starling

Getting started with Starling - A Flash game development framework

SpriteKit Animations and TextureAtlases
SpriteKit Animations and TextureAtlases

How to use and animate Sprites in SpriteKit using TexturePacker

UIKit Animations with TexturePacker
UIKit Animations with TexturePacker

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

TexturePacker Content Protection
TexturePacker Content Protection

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

Dynamic Content Scaling for Corona SDK
Dynamic Content Scaling for Corona SDK

Dynamic Content Scaling for Corona SDK

Getting started with TexturePacker and CoronaSDK image sheets
Getting started with TexturePacker and CoronaSDK image sheets

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

TexturePacker with Moai example
TexturePacker with Moai example

Tutorial including full source how to use TexturePacker with MOAI SDK

Example with CoronaSDK using PhysicsEditor & TexturePacker
Example with CoronaSDK using PhysicsEditor & TexturePacker

Complete example for corona SDK using PhysicsEditor and TexturePacker

Creating CSS sprites with TexturePacker
Creating CSS sprites with TexturePacker

How to create css sprites with TexturePacker

How can I run TexturePacker during my XCode build?
How can I run TexturePacker during my XCode build?

Learn how to automatically update your sprites sheets with TexturePacker in your Xcode builds.

Batch optimizing images for web and games on Windows
Batch optimizing images for web and games on Windows

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

Batch converting images to pvr or pvr.ccz
Batch converting images to pvr or pvr.ccz

How to batch convert images to pvr and other formats