--- title: "CodeAndWeb Development Blog (Page 5/6)" description: "Game and web development blog. Tutorials for TexturePacker, SpriteIlluminator, PhysicsEditor and BabelEdit. (Page 5/6)" canonical: "https://www.codeandweb.com/blog/5" 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 Ember.js application with ember-intl](https://www.codeandweb.com/static/f819ac340cdb45f42e933df3453e6f05/d8f52/how-to-translate-your-ember-app-with-ember-intl.png) [How to translate your Ember.js application with ember-intl](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-ember-app-with-ember-intl.md) Free tutorial: Translate your Ember.js application with ember-intl. Learn how to organise your translations in yaml for json files. ![How to create light effects in Phaser 3](https://www.codeandweb.com/static/2bf0c7070239df9b1a3ff0980527f455/d8f52/_opengraph-image.png) [How to create light effects in Phaser 3](https://www.codeandweb.com/spriteilluminator/tutorials/how-to-create-light-effects-in-phaser3.md) Learn how to create dynamic light effects with Phaser 3. Add depth to your flat 2d sprites with normal maps. ![How to translate Angular 14 apps: @angular/localize and xlf](https://www.codeandweb.com/static/7c6e7735fb996c4d4ed6f22b63a80c04/d8f52/how-to-translate-your-angular-app-with-xlf-files.png) [How to translate Angular 14 apps: @angular/localize and xlf](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular14-app-with-xlf-files) Free tutorial: Learn how to use @angular/localize to translate your Angular 14 app with xliff (xlf) files. Covers ICU syntax. Example source code included. ![How to translate your Flutter app (using intl 0.13.1)](https://www.codeandweb.com/static/bc92acf0f40e55500e580075cb324aec/d8f52/how-to-translate-your-flutter-apps.png) [How to translate your Flutter app (using intl 0.13.1)](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-flutter-apps-intl-0.13.1) Free tutorial: Learn how to translate your Flutter app and comfortably work with Application Resource Bundle (.arb) files. Old version. ![How to translate Angular 9 apps: @angular/localize and xlf](https://www.codeandweb.com/static/3d259f82fbc214c0061ca60d12df938b/d8f52/how-to-translate-your-angular-app-with-ngx-translate.png) [How to translate Angular 9 apps: @angular/localize and xlf](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular9-app-with-xlf-files) Free tutorial: Learn how to use @angular/localize to translate your Angular 9 app with xliff (xlf) files. Covers ICU syntax. Example source code included. ![How to create sprite sheets & animations for PixiJS 5](https://www.codeandweb.com/static/b10059330c68abab15b48e55ab7c8729/d8f52/how-to-create-sprite-sheets-for-pixi-js-5.png) [How to create sprite sheets & animations for PixiJS 5](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-and-animations-with-pixijs5) Free tutorial: Create optimized animations & sprite sheets for PixiJS 5.x, speed up startup of your app, reduce download size. Full demo source code included. ![How to translate your Vue.js (v2) 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 (v2) application with vue-i18n](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-vue2-app-with-vue-i18n) Free tutorial: Translate your Vue.js (Version 2) application with vue-i18n. Learn how to organise your translations in .vue or .json files. ![How to translate your Angular 7 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 7 app with ngx-translate](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular7-app-with-ngx-translate) Free tutorial: Set up Angular 7 with ngx-translate, extract translations from code, switch translations at runtime, edit translation files. ![How to create sprite sheets & animations for PixiJS 4](https://www.codeandweb.com/static/de028325af81b0fdb56cd15654d7c603/d8f52/how-to-create-sprite-sheets-for-pixi-js-4.png) [How to create sprite sheets & animations for PixiJS 4](https://www.codeandweb.com/texturepacker/tutorials/how-to-create-sprite-sheets-and-animations-with-pixijs4) Free tutorial: Create optimized animations & sprite sheets for PixiJS 4, speed up startup of your app, reduce download size. Full demo source code included. ![How to create physics shapes for Phaser 3 and Matter JS](https://www.codeandweb.com/static/fd16f769800bdf34fc3c9efed5e91282/d8f52/post-image.png) [How to create physics shapes for Phaser 3 and Matter JS](https://www.codeandweb.com/physicseditor/tutorials/how-to-create-physics-shapes-for-phaser-3-and-matterjs.md) Tutorial: Create a demo with Phaser 3 and the MatterJS physics engine. Learn how to create collision polygons from complex shapes. Free source code included. ![How to translate your Angular 6 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 6 app with ngx-translate](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular6-app-with-ngx-translate) You learn: How to set up ngx-translate, automatically keep your translation files up to date with ngx-translate-extract and edit multiple JSON files at once. ![How to use physics with cocos2d-x](https://www.codeandweb.com/static/9ff65d58accddd9c2b24a9fbbf91d76a/d8f52/post-image.png) [How to use physics with cocos2d-x](https://www.codeandweb.com/physicseditor/tutorials/creating-physics-shapes-for-cocos2d-x.md) Learn how to create collision shapes for your physics enabled cocos2d-x game. ![Tutorial: Creating a game with Phaser and P2 Physics](https://www.codeandweb.com/static/39d55e49a54a9c367c1286e6ce9a9b8c/d8f52/post-image.png) [Tutorial: Creating a game with Phaser and P2 Physics](https://www.codeandweb.com/physicseditor/tutorials/phaser-p2-physics-example-tutorial.md) Learn how to create a physics enabled game using Phaser and P2 Physics Engine. ![Cocos2d-x performance optimization with polygon sprites](https://www.codeandweb.com/static/3bc6975a3e4beb1ef0163efae24538e6/d8f52/post-image.png) [Cocos2d-x performance optimization with polygon sprites](https://www.codeandweb.com/texturepacker/tutorials/cocos2d-x-performance-optimization.md) Are you experiencing low FPS in your Cocos2d-x / Axmol game? Optimize your sprite sheets to get the best performance for the players! ![SpriteKit dynamic light tutorial](https://www.codeandweb.com/static/366c32702213c5b0ae557182aff2f657/d8f52/post-image.png) [SpriteKit dynamic light tutorial](https://www.codeandweb.com/spriteilluminator/tutorials/spritekit-dynamic-light-tutorial.md) Tutorial: Learn how to create a game scene with dynamic light and animations ![cocos2d-x dynamic light tutorial](https://www.codeandweb.com/static/ae6fbeeeb6121361234073d61b942555/d8f52/post-image.png) [cocos2d-x dynamic light tutorial](https://www.codeandweb.com/spriteilluminator/tutorials/lighting-demo-cocos2d-x.md) Tutorial: Create amazing 2d light effects for your Cocos2d-X game using normal mapped sprites. ![SpriteIlluminator: Normal map painting](https://www.codeandweb.com/static/ef03ba78f28adc9b4aa821a8a2f2f5a3/d8f52/post-image.png) [SpriteIlluminator: Normal map painting](https://www.codeandweb.com/spriteilluminator/tutorials/normal-map-painting-with-spriteilluminator.md) Enhance your generated normal maps with the new structure tool ![2d dynamic lighting tutorial for Unity](https://www.codeandweb.com/static/507b7ced22882536d34888ad6cf61a5d/d8f52/post-image.png) [2d dynamic lighting tutorial for Unity](https://www.codeandweb.com/spriteilluminator/tutorials/2d-dynamic-lighting-tutorial-for-unity.md) Tutorial: Create amazing 2d lighting effects for your unity game using normal mapped sprites. [Previous](https://www.codeandweb.com/blog/4.md)[Next](https://www.codeandweb.com/blog/6.md) Showing number 73 to 90 of 91 posts.