CodeAndWeb's Dev Blog

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

How to create and use sprite sheets with CocosCreator 3.x
How to create and use sprite sheets with CocosCreator 3.x

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

How to use 2d dynamic light effects in Axmol Engine
How to use 2d dynamic light effects in Axmol Engine

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
How to create a physics enabled game with Axmol Engine

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
Tutorial: Using sprite sheet animations in cocos2d-x V4

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
Tutorial: Using sprite sheet animations in Axmol Engine

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
Tutorial: Using sprite sheet animations in cocos2d-x V3

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
How to translate your Flutter app and edit your .arb files

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
What's 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
How to fix jittering sprites in cocos2d-x

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
A beginner's guide to lossless and lossy PNG optimization

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
How to translate your React app with react-intl / FormatJS

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

What's new in BabelEdit 4
What's new in BabelEdit 4

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

How to avoid hydration errors in Gatsby with React.lazy
How to avoid hydration errors in Gatsby with React.lazy

I encountered several hydration errors while using Gatsby with React.lazy - this is how I solved them.

Why using i18n sections in vue.js single file components is bad
Why using i18n sections in vue.js single file components is bad

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 create sprite sheets & animations for PixiJS 6
How to create sprite sheets & animations for PixiJS 6

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
What's new in BabelEdit 3

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

How to translate your Ember.js application with ember-intl
How to translate your Ember.js application with ember-intl

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
How to create light effects in Phaser 3

Learn how to create dynamic light effects with Phaser 3. Add depth to your flat 2d sprites with normal maps.