Blog posts tagged with 'tutorial'.

In this tutorial you are going to learn:

• How to translate your Angular 7 application
• How to set up ngx-translate 11
• How to update your translation files with ngx-translate-extract
• How to edit and maintain multiple JSON files

• Create sprite sheets for PixiJS
• Optimize start up time with 8-bit png
• Edit pivot points visually

• Create sprite sheets for UnrealEngine / Paper2d
• Create flipbook animations in UnrealEngine
• Edit pivot points in TexturePacker

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

Learn how to use sprite sheet animations in MonoGame:

• Creating sprite sheets with TexturePacker
• Using Monogame Spritesheet loader
• Cross-platform desktop application with Visual Studio
• Create a complete demo scene with animations

Full source code available on GitHub.

Learn more about:

• Why using sprite sheets is important for your game
• Create sprite sheets for EaselJS/CreateJS
• Load assets from the server using PreloadJS
• Use animations from a sprite sheet
• Set/edit pivot points
• Optimize your sprite sheet for fast downloads

Learn more about:

• Using Phaser 3 with MatterJS
• Edit physics shapes visually with PhysicsEditor

Localize your React app using react-i18next. Learn more about:

• Internationalization of your app by integrating react-i18next
• Extract message IDs with babel-plugin-react-i18next
• Create and maintain translation files using BabelEdit

Localize your Laravel project and learn more about:

• Internationalization of your project
• Translating your views
• Maintaining translation files with BabelEdit
• Exchanging files with translators

This video shows you how to easily create sprite sheets (AtlasTexture) for Godot.

This video (1:50) shows you how to easily create tile sets for Godot.

Spoiler: About half of the video is used to install the TexturePacker importer plugin from Godot's asset library. Creating the tile sets only takes about 40s.

Content of the tutorial:

• 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
• Complete code is on GitHub

Content of the tutorial:

• Load normal maps in Phaser
• Create movable light
• Use normal mapped sprites
• Use animated normal mapped sprites

Localize your React app using react-intl. Learn more about:

• Internationalization of your app by integrating react-intl
• Extract message IDs with babel-plugin-react-intl
• Create and maintain translation files using BabelEdit

In this tutorial you are going to learn

• How to set up Panda 2 with Physics (P2 engine)
• How to create basic physical shapes (circles, rectangles)
• How to create complex physical shapes (polygon based)
• How to use PhsicsSprite for a simple integration of physics
• How to create your own classes which give you even more control over the physics simulation

Basic game scene tutorial for Panda2

• Pack an animation into a sprite sheet
• Optimize the sprite sheet for performance and download speed
• Edit pivot points using TexturePacker's pivot point editor
• Build a basic game scene with a walking character

Tom Vencel creates a video series called Panda Playtime in which he explains how to use PandaJS.

This episode is about creating sprite sheets with TexturePacker.

In this tutorial you are going to learn:

• How to set up ngx-translate
• How to update your translation files with ngx-translate-extract
• How to edit and maintain multiple JSON files

In this tutorial you are going to learn:

• How physics enabled games work in cocos2d-x
• How to create physics collision shapes for cocos2d-x
• How to load the shapes in your game
• How to set up a simple scene with dropping objects

Learn how to create css sprites:

• Simple workflow
• Minified images using pngquant algorithm
• Serve high quality images for Retina / HighDPI devices
• Responsive

This blog post contains full source code available on GitHub.

Learn how to use SpriteSheets with SpriteKit:

• Creating sprite sheets with TexturePacker
• Loading sprite sheets
• Using header files to enable compile time checks
• Play animations with a single line of code

This blog post contains full source code available on GitHub.

How to create a sprite sheet

• Sprite sheet formats
• Simple sprite sheet workflow
• Previewing animations

Basic tutorial for libGDX users:

• Creating a new project
• Creating sprite sheets
• Using sprites
• Creating physics collision shapes
• Editing physics parameters
• Using physics in your game

In this tutorial you are going to learn:

• Why you should use sprite sheets
• Designing and running your game on different devices and screen sizes
• Creating optimized sprite sheets
• Creating animations
• Playing character animations

In this tutorial you are going to learn:

• Why you should use a sprite sheet in your MelonJS game
• Using TexturePacker to create a sprite sheet
• Optimizing the sprite sheet for size faster downloads
• Adding a static background
• Creating an animation

This tutorial explains how to create a small physics enabled game with Phaser

• Creating physics collision shapes
• Working with collision groups
• Starting the physics simulation
• The difference between Arcade and P2 physics

Learn how to increase the performance of your cocos2d-x game.

Get rid of those ugly edge artifacts!

I prefer smooth edges instead over jagged outlines.

TexturePacker 4's upcoming feature trim margin gives you full control over sprite's transparency when using trim & crop. It also replaces inner padding.

Learn how to take advantage of this new feature to improve your game's quality.

This tutorial explains how you can use PhysicsEditor with version 3 of Cocos2D, which has integrated Chipmunk2D as physics engine.

• Create physics shapes for your sprites
• Setup your Cocos2D application
• Add collision shapes to your sprites

Exporter included for download

• Create your normal maps using SpriteIlluminator
• Create a side-scrolling scene with parallax scrolling
• Create a normal mapped sprite
• Add light effects to the game scene

• Create your normal maps + sprite sheets using SpriteIlluminator and TexturePacker.
• Load animation frames from a sprite sheet
• Load a normal map sprite sheet and add a light effect to your animation

• A quick way to generate normal maps
• Enhancing the generated normal map by applying structure

• Creating normal mapped sprites with SpriteIlluminator
• Packing sprite sheets and normal maps with TexturePacker
• Importing normal mapped sprites into Unity

• Pack normal maps into sprite sheets
• Create sprite and normal map textures with identical layout

• Basic knowledge about sprite sheets
• Basic knowledge about normal maps

Learn how to use Sprite Sheets with ShiVa:

• What are sprite sheets? Why should you use them?
• Creating sprite sheets with TexturePacker
• Installing and using JPSprite
• Playing animations

This blog post contains full source code available on GitHub.

Learn how to use SpriteSheets with Phaser:

• Creating sprite sheets with TexturePacker
• Loading sprite sheets in Phaser
• Optimizing start up time and reducing download size
• Using static sprites in Phaser
• Playing animations from the sprite sheet

This blog post contains full source code available on GitHub.

What you are going to learn:

• Creating a css sprite sheet
• Creating hover animations
• Playing animations from css

This tutorial describes how you can use TexturePacker to create sprite sheets for Unity's 2D extension.

• Prepare your Unity project to read TexturePacker sprite sheets
• Create your sprite sheet and load it into Unity
• Handling deleted sprites in Unity
• Simplify your sprites workflow in Unity

Learn how to create a sprite sheet in TexturePacker and use it in a simple Starling application.

• Setting up a Starling project
• Use TexturePacker for your sprite sheet
• Include the sprite sheet in your project

Full source code is available on GitHub

Learn how you can improve development of SpriteKit games and apps using TexturePacker.

• Create your SpriteKit atlas with TexturePacker
• Creating a SKSpriteNode from the texture atlas
• Using SKActions to move the sprite
• Applying SKAction to multiple SKSpriteNodes

Full source code is available on GitHub

What you are going to learn:

• Using the sprites with UIKit
• Add static images
• Add and control animations

Full source code is available on GitHub

Learn how to protect your sprites from getting ripped out of your applications.

• Setting up TexturePacker for encryption
• Preparing your cocos2d project for content protection
• Apple's requirements on encryption and Content Protection

Learn how to integrate TexturePacker with Xcode’s Build Rules:

• benefit from Xcode’s ability to compile several files
• use .tps files as an integral part of the build process
• add build rules for each different texture formats

This is what you are going to learn:

• difficulties with different screen resolutions
• Features of the TexturePacker AutoSD feature
• Using scaling variants for iOS devices

Use dynamic content scaling in Corona SDK

• How to use the new AutoSD feature
• load the image sheets in CoronaSDK

What you are going to learn:

• How to create a new TexturePacker template
• How the folder structure looks like
• include a javascript file to enhance the exporter

What you are going to learn:

• Anatomy of a Custom Shape Exporter
• Add new parameters to existing exporters
• Modify the output format
• Create your own exporter

What you are going to learn:

• create different objects
• set physics parameters
• enable fixture based collision handling

Full source code to this example project is available on GitHub

What you are going to learn:

• Introduction of the new CoronaSDK ImageSheet API
• Using it with TexturePacker 3.0.0

Full source code to this example project is available on GitHub

What you are going to learn:

• create a sprite and attach the image object
• create a physics body object
• attach the fixtures to the body

The complete code is available on GitHub

Short tutorial how to use PhysicsEditor with Nape

Full source code to this example project is available on GitHub.

This example teaches you how to use PhysicsEditor with Gideros to create state of the art physics enabled games.

Full source code to this example project is available on GitHub.

This demo project contains all you need to get started to use physics shapes created with PhysicsEditor in your AndEngine project.

Full source code to this example project is available on GitHub.

Small example for CoronaSDK using PhysicsEditor to create the shapes and TexturePacker for the sprite sheets.

Full source code to this example project is available on GitHub.

Learn how to create collision shapes for box2d's flash/as3 port.

• Creating the box2d collision shapes using PhysicsEditor
• Setting up box2d for flash

Full source code to this example project is available on GitHub.

Integrate TexturePacker into XCode to save time and memory!

Learn both ways to achieve this:

1. create .tps files from TexturePacker and update them from the build phase
2. simply use the commandline interface of TexturePacker

Learn how to write a batch file to automatically convert or optimize images with TexturePacker command line.

Explaining physics parameters and collision parameters in PhysicsEditor.

Learn how to write a batch file to automatically convert or optimize images with TexturePacker command line.

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