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

# CodeAndWeb's Dev Blog

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

![How to translate your Vue.js 3 application with vue-i18n](https://www.codeandweb.com/static/06e0cbd5c4f41c3493bcb365199d8de8/d8f52/how-to-translate-your-vue-app-with-vue-i18n.png)

[How to translate your Vue.js 3 application with vue-i18n](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-vue-app-with-vue-i18n.md)

Free tutorial: Set up Vue.js with vue-i18n. Translate your templates, create and edit JSON translation files, switch languages at runtime. Covers Vue 3.

![How to translate your React app with react-i18next](https://www.codeandweb.com/static/d3307390eb063e0f4de56fd80bf052d7/d8f52/how-to-translate-your-react-app-with-react-i18next.png)

[How to translate your React app with react-i18next](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-react-app-with-react-i18next.md)

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

![Angular Localization with ngx-translate: Complete Tutorial](https://www.codeandweb.com/static/3d259f82fbc214c0061ca60d12df938b/d8f52/how-to-translate-your-angular-app-with-ngx-translate.png)

[Angular Localization with ngx-translate: Complete Tutorial](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular-app-with-ngx-translate.md)

Master Angular i18n with ngx-translate. Complete tutorial covering setup, translation files, language switching, and best practices. Includes working examples.

![How to create sprite sheets and animations with MonoGame](https://www.codeandweb.com/static/2fab9d787b1cc327def7fad18595e7fc/d8f52/post-image.png)

[How to create sprite sheets and animations with MonoGame](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-and-animations-with-monogame.md)

This tutorial shows how to easily create animations and sprite sheets for your MonoGame app. Full tutorial source code included!

![How to use sprite sheets with MonoGame.Extended](https://www.codeandweb.com/static/c8eb2ab92b6a218eed0438838a8bd51b/d8f52/post-image.png)

[How to use sprite sheets with MonoGame.Extended](https://www.codeandweb.com/texturepacker/tutorials/how-to-use-sprite-sheets-with-monogame-extended.md)

Free tutorial: Learn how to use sprite sheets & animations with MonoGame.Extended, speed up startup of your app, reduce download size. Full demo source code included.

![How to translate your Angular app with Transloco](https://www.codeandweb.com/static/4021a619f2e5a603cb720942b4a92cd8/d8f52/how-to-translate-your-angular-app-with-transloco.png)

[How to translate your Angular app with Transloco](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular-app-with-transloco.md)

Free tutorial: Set up Angular with Transloco (@jsverse/transloco), extract translations from code, switch translations at runtime, edit translation files.

![How to create Sprite Sheets and Animations for Kivy](https://www.codeandweb.com/static/159257bb7cfba0c346ff89776212bc74/d8f52/_opengraph-image.png)

[How to create Sprite Sheets and Animations for Kivy](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-and-animations-with-kivy.md)

Learn how to create optimized sprite sheets using TexturePacker for Kivy applications, with step-by-step examples for animated characters

![How to create sprite sheets & animations for libGDX](https://www.codeandweb.com/static/79ec18d97aa601971545808192c7ae8d/d8f52/post-image.png)

[How to create sprite sheets & animations for libGDX](https://www.codeandweb.com/texturepacker/tutorials/libgdx-sprite-sheet-tutorial.md)

Free tutorial: Learn how to use sprite sheets & animations with libGDX, speed up startup of your app, reduce download size. Full demo source code included.

![Using TexturePacker with Spine](https://www.codeandweb.com/static/a2d85ec0a62d58ada744200c1e60c3ac/d8f52/post-image%402x.png)

[Using TexturePacker with Spine](https://www.codeandweb.com/texturepacker/tutorials/how-to-use-texturepacker-with-spine.md)

Use TexturePacker with Spine to create optimized texture atlases with better compression, asset control, and multi-project support.

![How to Translate Your Angular App with NGX-Translate (Angular 16)](https://www.codeandweb.com/static/3d259f82fbc214c0061ca60d12df938b/d8f52/how-to-translate-your-angular-app-with-ngx-translate.png)

[How to Translate Your Angular App with NGX-Translate (Angular 16)](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular-app-with-ngx-translate-16)

Free tutorial: Set up Angular with ngx-translate, switch language at runtime, extract translations, edit translation files. Covers Angular 16

![How to translate your Angular 8 - 16 app with ngx-translate](https://www.codeandweb.com/static/3d259f82fbc214c0061ca60d12df938b/d8f52/how-to-translate-your-angular-app-with-ngx-translate.png)

[How to translate your Angular 8 - 16 app with ngx-translate](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular8-16-app-with-ngx-translate)

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

![How to use Sprite Sheets and Animations in Defold](https://www.codeandweb.com/static/6be7ba978382fc9c5b041f682e19692a/d8f52/post-image.png)

[How to use Sprite Sheets and Animations in Defold](https://www.codeandweb.com/texturepacker/tutorials/how-to-use-sprite-sheets-and-animations-with-defold.md)

Tutorial: This video tutorial explains how you can easily create and use Sprite Sheets and Animations in Defold game engine.

![How to create physics shapes for Defold](https://www.codeandweb.com/static/9852d2d7aa52c16b264ac5041a878d46/d8f52/post-image.png)

[How to create physics shapes for Defold](https://www.codeandweb.com/physicseditor/tutorials/how-to-create-physics-shapes-for-defold.md)

Learn how to create physics collision shapes for Defold Game Engine.

![How to convert vue-i18n from single file components to JSON](https://www.codeandweb.com/static/f88752ecc8bfce9c00872bd3caca9a7c/d8f52/how-to-convert-vue-i18n-from-sfc-to-json.png)

[How to convert vue-i18n from single file components to JSON](https://www.codeandweb.com/babeledit/tutorials/how-to-convert-vue-i18n-from-sfc-to-json-files.md)

In this tutorial shows you how you can convert your vue-i18n project from using translations in vue files (single file components, sfc) to using JSON files.

![How to install Angular on Windows](https://www.codeandweb.com/static/29cb8e7b60abf6e855b705675085cb1a/a3fa1/how-to-install-angular-on-windows.png)

[How to install Angular on Windows](https://www.codeandweb.com/babeledit/tutorials/how-to-install-angular-on-windows.md)

Short tutorial (Video: 2min) and a step to step guide on how to install Node.js and Angular on a Windows computer. Create your first Angular project.

![How to create dynamically lit 2d pixel art scenes with Unity](https://www.codeandweb.com/static/dfe6f1ff94ad90fbc1e10a013b8f88dd/d8f52/post-image.png)

[How to create dynamically lit 2d pixel art scenes with Unity](https://www.codeandweb.com/spriteilluminator/tutorials/how-to-create-dynamically-lit-2d-scenes-for-unity.md)

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

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

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

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

![Godot 3: How to create tile sets the easy way](https://www.codeandweb.com/static/3b7c040df7e3e66d61c6427b44578ca7/d8f52/_opengraph-image.png)

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

Video tutorial (1:50): How to create tile sets in seconds for Godot 3 using TexturePacker.

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

Showing number 19 to 36 of 91 posts.