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

# CodeAndWeb's Dev Blog

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

![Unity Sprite Mesh Optimization: Tight vs Full Rect](https://www.codeandweb.com/static/759e5d406267f547545fa67f5d3e990a/d8f52/post-image.png)

[Unity Sprite Mesh Optimization: Tight vs Full Rect](https://www.codeandweb.com/texturepacker/tutorials/optimizing-unity-sprite-meshes.md)

Learn how to optimize Unity sprite meshes using Tight mesh type. Reduce overdraw and improve game performance with TexturePacker's polygon mesh optimizer.

![How to use sprite sheets and animations with SpriteKit](https://www.codeandweb.com/static/69c02e4dc43e0bae275404df72122b45/d8f52/post-image.png)

[How to use sprite sheets and animations with SpriteKit](https://www.codeandweb.com/texturepacker/tutorials/spritekit-textureatlases-with-swift.md)

This free SpriteKit tutorial explains how you can create sprite sheets and animate sprites for your game project.

![Creating spritesheets for Phaser 2 with TexturePacker](https://www.codeandweb.com/static/48a0483642b2a2a60272b2076d8a1bb0/d8f52/_opengraph-image.png)

[Creating spritesheets for Phaser 2 with TexturePacker](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-for-phaser2)

Short tutorial how to create SpriteSheets for Phaser.io using TexturePacker

![How to use 2d dynamic light effects in Axmol Engine](https://www.codeandweb.com/static/d39b53802e70a8bfa648449cbde7aba7/d8f52/post-image.png)

[How to use 2d dynamic light effects in Axmol Engine](https://www.codeandweb.com/spriteilluminator/tutorials/how-to-use-light-effects-with-axmol-engine.md)

Tutorial: Learn how to use normal mapped sprites to create stunning 2d light effects with Axmol Engine. Full source code included.

![How to create a physics enabled game with Axmol Engine](https://www.codeandweb.com/static/8415369543f0aac742659139a4df41f4/d8f52/post-image.png)

[How to create a physics enabled game with Axmol Engine](https://www.codeandweb.com/physicseditor/tutorials/how-to-create-a-physics-enabled-game-with-axmol-engine.md)

Learn how to use 2d game physics in your Axmol Game. Create physics shapes, use sprites with physics enabled. Collision detection. Source code included.

![Tutorial: Using sprite sheet animations in cocos2d-x V4](https://www.codeandweb.com/static/08264430ae3eb93a2914e21a6e22815e/d8f52/post-image.png)

[Tutorial: Using sprite sheet animations in cocos2d-x V4](https://www.codeandweb.com/texturepacker/tutorials/animations-and-spritesheets-in-cocos2d-x-v4.md)

Learn how to use sprite sheets and animations in cocos2d-x V4, design for different devices and screen sizes and optimize your game.

![Tutorial: Using sprite sheet animations in Axmol Engine](https://www.codeandweb.com/static/0c789a6b164af1ded67b8fa1d9d095ed/d8f52/post-image.png)

[Tutorial: Using sprite sheet animations in Axmol Engine](https://www.codeandweb.com/texturepacker/tutorials/animations-and-spritesheets-in-axmol-engine.md)

Learn how to use sprite sheets and animations in Axmol Engine, design for different devices and screen sizes and optimize your game.

![Tutorial: Using sprite sheet animations in cocos2d-x V3](https://www.codeandweb.com/static/1ee283722d44498929877d7b0594899a/d8f52/post-image.png)

[Tutorial: Using sprite sheet animations in cocos2d-x V3](https://www.codeandweb.com/texturepacker/tutorials/animations-and-spritesheets-in-cocos2d-x.md)

Learn how to use sprite sheets and animations in cocos2d-x, design for different devices and screen sizes and optimize your game.

![How to translate your Flutter app and edit your .arb files](https://www.codeandweb.com/static/bc92acf0f40e55500e580075cb324aec/d8f52/how-to-translate-your-flutter-apps.png)

[How to translate your Flutter app and edit your .arb files](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-flutter-apps.md)

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

![What's new in TexturePacker 7](https://www.codeandweb.com/static/98f5f692f140d5e9e10f5630510115ec/a3fa1/whats-new-in-texturepacker-7.png)

[What's new in TexturePacker 7](https://www.codeandweb.com/texturepacker/tutorials/whats-new-in-texturepacker-7)

Learn about the new features we've added to TexturePacker 7: Manual MultiPack

![How to fix jittering sprites in cocos2d-x](https://www.codeandweb.com/static/42e9486db43cc14aa7bbebd5d740681f/d8f52/post-image.png)

[How to fix jittering sprites in cocos2d-x](https://www.codeandweb.com/texturepacker/tutorials/how-to-fix-jittering-sprites-in-cocos2dx.md)

Learn how to fix wobbling, shaking or jittering sprites when using TexturePacker with Cocos2D-x by increasing the shader precision.

![A beginner's guide to lossless and lossy PNG optimization](https://www.codeandweb.com/static/a5856900650f712953328137536ac404/d8f52/post-image.png)

[A beginner's guide to lossless and lossy PNG optimization](https://www.codeandweb.com/texturepacker/tutorials/beginners-guide-to-lossless-and-lossy-png-optimization.md)

Optimize your PNG files with TexturePacker. Reduce file size and improve performance. Learn how to adjust settings for lossless and lossy optimization.

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

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

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

![What's new in BabelEdit 4](https://www.codeandweb.com/static/0c43e7d05b7f01c424b2a6af7613d2af/d8f52/whats-new-in-babeledit-4.png)

[What's new in BabelEdit 4](https://www.codeandweb.com/babeledit/tutorials/whats-new-in-babeledit-4.md)

Learn about the new features we've added to BabelEdit 4: Language packages, tree view in Flutter

![Why using i18n sections in vue.js single file components is bad](https://www.codeandweb.com/static/21c2a1fb26c1eede4731a9209614a63f/d8f52/why-using-i18n-in-vue-files-is-a-bad-idea.png)

[Why using i18n sections in vue.js single file components is bad](https://www.codeandweb.com/babeledit/tutorials/why-using-i18n-sections-in-vue-single-component-files-is-a-bad-idea.md)

Using vue.js single file components with <i18n> sections for your translations? Learn why you should not do that and what alternatives there are.

![How to handle line endings in git](https://www.codeandweb.com/static/2dbb54065482c0f37d06dcfc39294847/d8f52/how-to-handle-line-endings-in-git.png)

[How to handle line endings in git](https://www.codeandweb.com/tutorials/how-to-handle-line-endings-in-git.md)

Free tutorial: How to handle line endings in git when working on Windows, macOS and Linux

![How to create sprite sheets & animations for PixiJS 6](https://www.codeandweb.com/static/e150afb68d3fab12716e3fafff46e5b2/d8f52/how-to-create-sprite-sheets-for-pixi-js.png)

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

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

![What's new in BabelEdit 3](https://www.codeandweb.com/static/83dff3a09a911341ed5cc13d4befc0de/d8f52/whats-new-in-babeledit-3.png)

[What's new in BabelEdit 3](https://www.codeandweb.com/babeledit/tutorials/whats-new-in-babeledit-3.md)

Learn about the new features we've added to BabelEdit 3: Custom languages, improved search and filtering, parameter support for flutter, text transformations

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

Showing number 55 to 72 of 91 posts.