CodeAndWeb's Dev Blog

Read our blog with the latest tutorials about game and web development, product updates and more.

How to create physics shapes for Panda2 and P2 physics
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.

How to use game physics in Solar2D
How to use game physics in Solar2D

Full example with source code how to use use game physics with Solar2D (CoronaSDK).

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.

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

Tutorial: Create sprite sheets for your normal mapped sprites.

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

Creating CSS sprites with TexturePacker
Creating CSS sprites with TexturePacker

Learn how to create CSS sprite sheets with TexturePacker and how to use them on your web page. Add images for hover effect with no additional effort.

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.

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

How to create sprite animations for EaselJS
How to create sprite animations for EaselJS

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

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.

Using sprite sheets in melonJS
Using sprite sheets in melonJS

Learn how to create sprite sheets for melonJS, how to load them and how to instantiate sprites and animations. Complete source code available on GitHub!

How to create Sprite Sheets and Animations with Solar2D
How to create Sprite Sheets and Animations with Solar2D

Tutorial on how to use TexturePacker to create Solar2D image sheets and how to display a simple or animated sprite from an image sheet.

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

How to create sprite sheets for Godot using TexturePacker.

Godot: How to create sprite sheets the easy way (Video)
Godot: How to create sprite sheets the easy way (Video)

How to create sprite sheets for Godot using TexturePacker - the video version of our Godot tutorial

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.

How to create a 2d game scene in Unity
How to create a 2d game scene in Unity

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.

Optimizing sprite meshes for Unity
Optimizing sprite meshes for Unity

Optimize Unity sprite meshes to increase your game's performance

Previous
Next