---
title: "CodeAndWeb Development Blog (Page 1/6)"
description: "Game and web development blog. Tutorials for TexturePacker, SpriteIlluminator, PhysicsEditor and BabelEdit. (Page 1/6)"
canonical: "https://www.codeandweb.com/blog"
source: "html"
---

# CodeAndWeb's Dev Blog

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

![How to create sprite sheets for Unreal Engine / Paper 2D](https://www.codeandweb.com/static/837d3e27d3cdd3bc00220fc1cc06b3cc/d8f52/_opengraph-image.png)

[How to create sprite sheets for Unreal Engine / Paper 2D](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-with-unreal-paper2d.md)

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

![How to use sprite sheets with GameMaker](https://www.codeandweb.com/static/1368e54ac0f4abeec18234cda4dc3f67/d8f52/post-image%402x.png)

[How to use sprite sheets with GameMaker](https://www.codeandweb.com/texturepacker/tutorials/how-to-use-sprite-sheets-with-gamemaker.md)

Free Tutorial: Learn how to create sprite sheets for GameMaker Studio

![How to create and use sprite sheets with Cocos Creator](https://www.codeandweb.com/static/0d8915a794ec2340fbd11fcd505ad624/d8f52/how-to-create-sprite-sheets-for-cocos-creator.png)

[How to create and use sprite sheets with Cocos Creator](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-and-usesprite-sheets-with-cocoscreator.md)

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

![How to create sprite sheets for Phaser with TexturePacker](https://www.codeandweb.com/static/966b49e618100fbb4789ae6d41cc2fcc/d8f52/_opengraph-image.png)

[How to create sprite sheets for Phaser with TexturePacker](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-for-phaser.md)

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

![How to create sprite sheets & animations for PixiJS 8](https://www.codeandweb.com/static/24388430288d6b75a0b6a9b12de42db1/d8f52/how-to-create-sprite-sheets-for-pixijs.png)

[How to create sprite sheets & animations for PixiJS 8](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-and-animations-with-pixijs.md)

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

![How to split sprite sheets into individual sprites](https://www.codeandweb.com/static/85c252c908783093d28f737d1c48cabe/d8f52/post-image.png)

[How to split sprite sheets into individual sprites](https://www.codeandweb.com/texturepacker/tutorials/how-to-split-sprite-sheets.md)

Use TexturePacker’s Sprite Sheet Splitter to cut a sprite sheet into separate sprite images: grid-based, transparency-based, or by using a data file.

![Unity Sprite Atlas Tutorial: Create Optimized Sprite Sheets](https://www.codeandweb.com/static/9f4d8403cdba6c24aad589656962ba9d/d8f52/post-image.png)

[Unity Sprite Atlas Tutorial: Create Optimized Sprite Sheets](https://www.codeandweb.com/texturepacker/tutorials/using-spritesheets-with-unity.md)

Learn how to create a Sprite Atlas for Unity. This tutorial shows you how to pack sprite sheets, reduce draw calls, and optimize sprite meshes for better game performance.

![How to make a sprite sheet](https://www.codeandweb.com/static/1268cf7655a60efc655d5153f0dc1b0e/d8f52/how-to-make-a-sprite-sheet.png)

[How to make a sprite sheet](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-a-sprite-sheet.md)

Need to create sprite sheets for your game? Learn how to make optimized sprite sheets in 6 simple steps. Perfect for beginners. Start creating now.

![Godot: How to create sprite sheets the easy way](https://www.codeandweb.com/static/65e8964adc3c69ab3ea5dcf9b0b25449/d8f52/_opengraph-image.png)

[Godot: How to create sprite sheets the easy way](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-for-godot.md)

How to create sprite sheets for Godot using TexturePacker.

![How to create sprite sheets & animations for Flame Engine](https://www.codeandweb.com/static/da2d09b134af9fc503a9f93743f912f9/d8f52/how-to-create-sprite-sheets-for-flame-engine.png)

[How to create sprite sheets & animations for Flame Engine](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-and-animations-with-flame-engine.md)

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

![How to create and use sprite sheets with LayaAir](https://www.codeandweb.com/static/42c8b4065eedc98e6199792090a662ce/d8f52/tutorial-how-to-create-sprite-sheets-for-laya-air.png)

[How to create and use sprite sheets with LayaAir](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-and-use-sprite-sheets-with-layaair.md)

Free tutorial: Create optimized sprite sheets for LayaAir and use them in the IDE.

![Getting started with Starling for ActionScript 3.0](https://www.codeandweb.com/static/4673599953e7cf6e9fda8c4b5c725541/d8f52/post-image.png)

[Getting started with Starling for ActionScript 3.0](https://www.codeandweb.com/texturepacker/tutorials/getting-started-with-starling-a-flash-game-development-framework.md)

Learn Starling (ActionScript 3.0) step by step and build optimized sprite sheets with TexturePacker. Includes setup, code, and source code.

![How to use dynamic 2D lighting in Cocos Creator](https://www.codeandweb.com/static/bfe043e2415a6c46674046b96e429192/aef44/post-image.png)

[How to use dynamic 2D lighting in Cocos Creator](https://www.codeandweb.com/spriteilluminator/tutorials/how-to-use-dynamic-light-effects-with-cocos-creator.md)

Tutorial: Learn how to use normal-mapped sprites with the Light2D plugin to create stunning 2D lighting in Cocos Creator. Full source code included.

![Tutorial: Translation with gettext + PHP](https://www.codeandweb.com/static/c4a996d553568788ccb30cac89472156/d8f52/translation-with-gettext-and-php.png)

[Tutorial: Translation with gettext + PHP](https://www.codeandweb.com/babeledit/tutorials/translation-with-gettext-and-php.md)

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

![How to translate Angular apps: @angular/localize and XLIFF](https://www.codeandweb.com/static/7c6e7735fb996c4d4ed6f22b63a80c04/d8f52/how-to-translate-your-angular-app-with-xlf-files.png)

[How to translate Angular apps: @angular/localize and XLIFF](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular-app-with-xlf-files.md)

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

![Laravel translation tutorial: How to translate your web app](https://www.codeandweb.com/static/2dc49fa411c1c2156250d22664bfcbaa/d8f52/how-to-translate-your-laravel-project.png)

[Laravel translation tutorial: How to translate your web app](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-laravel-project.md)

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

![How to create a 2d game scene in Unity](https://www.codeandweb.com/static/76a1027e0b829a8274bbff57d6fa01b5/d8f52/post-image.png)

[How to create a 2d game scene in Unity](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-a-2d-game-scene-in-unity.md)

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 for Phaser 3 with TexturePacker](https://www.codeandweb.com/static/966b49e618100fbb4789ae6d41cc2fcc/d8f52/_opengraph-image.png)

[How to create sprite sheets for Phaser 3 with TexturePacker](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-for-phaser3)

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

Previous

[Next](https://www.codeandweb.com/blog/2.md)

Showing number 1 to 18 of 91 posts.