Posts tagged with tutorial

Optimizing sprite sheets for Unity

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

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 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.

How to translate your React app with react-intl + Example

Tutorial with a complete example on react translations. Covers: react-intl, FormattedMessage, IntlProvider and babel-plugin-react-intl

How to translate your Ember.js application with ember-intl

Free tutorial: Translate your Ember.js application with ember-intl. Learn how to organise your translations in yaml for json files.

How to translate Angular apps: @angular/localize and xlf

Free tutorial: Learn how to use @angular/localize to translate your Angular app with xliff (xlf) files. Covers ICU syntax. Example source code included.

How to translate your Angular 11 app with ngx-translate

Free tutorial: Set up Angular with ngx-translate, extract translations from code, switch translations at runtime, edit translation files. Works with Angular 7...11

How to translate your Flutter app and edit your .arb files

Free tutorial: Learn how to translate your Flutter app and comfortably work with Application Resource Bundle (.arb) files. Example source code included.

How to translate your Flutter app (using intl 0.13.1)

Free tutorial: Learn how to translate your Flutter app and comfortably work with Application Resource Bundle (.arb) files. Old version.

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 translate Angular 9 apps: @angular/localize and xlf

Free tutorial: Learn how to use @angular/localize to translate your Angular 9 app with xliff (xlf) files. Covers ICU syntax. Example source code included.

How to create Responsive Retina CSS sprites

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

Tutorial: Translation with gettext + PHP

Free tutorial: How to translate your PHP application with gettext.

How to translate your Vue.js application with vue-i18n

Free tutorial: Translate your Vue.js application with vue-i18n. Learn how to organise your translations in .vue or .json files.

How to translate your Angular 7 app with ngx-translate

Free tutorial: Set up Angular 7 with ngx-translate, extract translations from code, switch translations at runtime, edit translation files.

How to create sprite sheets & animations for PixiJS 4

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

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

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

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

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

How to create physics shapes for Phaser 3 and Matter JS

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.

How to translate your React app with react-i18next

You learn how to you can translate your react app with react-i18next. The tutorial also explains how to manage the translations json files with BabelEdit.

Laravel translation tutorial: How to translate your web app

Translation tutorial with a complete example. Covers: translation files, displaying translated texts with __() , blade templates, localized routes

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

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

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.

How to create physics shapes for Panda2 and P2 physics

Free tutorial: Create a physics enabled game scene with Panda2 and P2 physics engine. Learn how to create and edit polygon physics shapes.

Panda2 sprite sheet animations tutorial

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

How to translate your Angular 6 app with ngx-translate

You learn: How to set up ngx-translate, automatically keep your translation files up to date with ngx-translate-extract and edit multiple JSON files at once.

How to use physics with cocos2d-x

Learn how to create collision shapes for your physics enabled cocos2d-x game.

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

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

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

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.

Tutorial: Using sprite sheets in MelonJS

Learn how to use sprite sheets with MelonJS

Tutorial: Creating a game with Phaser and P2 Physics

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

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!

Reducing artifacts on rotated sprites

Learn now to reduce rendering artifacts on transformed sprites.

Using PhysicsEditor with Cocos2D

This tutorial shows how to create collision shapes for Cocos2d V3 using PhysicsEditor

SpriteKit dynamic light tutorial

Tutorial: Learn how to create a game scene with dynamic light and animations

cocos2d-x dynamic light tutorial

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

SpriteIlluminator: Normal map painting

Enhance your generated normal maps with the new structure tool

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

Tutorial: Create sprite sheets for your normal mapped sprites.

Creating sprite sheets for ShiVa using TexturePacker

Short tutorial how to create SpriteSheets for ShiVa using TexturePacker

Creating spritesheets for Phaser 2 with TexturePacker

Short tutorial how to create SpriteSheets for Phaser.io using 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 - A Flash game development framework

SpriteKit Animations and TextureAtlases

How to use and animate Sprites in SpriteKit using TexturePacker

UIKit Animations with TexturePacker

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

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

Getting started with CoronaSDK and PhysicsEditor

Full example with source code how to use PhysicsEditor with CoronaSDK

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

Tutorial including full source how to use TexturePacker with MOAI SDK

Getting started with PhysicsEditor and Nape

Full tutorial with source code how to use PhysicsEditor with Nape physics engine.

Getting started with PhysicsEditor and Sparrow and Box2d

Full tutorial with source code how to use Sparrow framework with box2d and PhysicsEditor

Getting started with Gideros and PhysicsEditor

Full example with source code how to use PhysicsEditor with Gideros SDK

Example with CoronaSDK using PhysicsEditor & TexturePacker

Complete example for corona SDK using PhysicsEditor and TexturePacker

Creating box2d collision shapes for flash

Tutorial how to create collision shapes for your box2d flash project with PhysicsEditor

How can I run TexturePacker during my XCode build?

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

Batch converting and optimizing images for web and games in Windows

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

Batch converting images to pvr or pvr.ccz

How to batch convert images to pvr and other formats