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 Phaser 3 with TexturePacker
How to create sprite sheets for Phaser 3 with TexturePacker

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

How to convert vue-i18n from single file components to JSON
How to convert vue-i18n from single file components to JSON

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 translate your Vue.js 3 application with vue i18n
How to translate your Vue.js 3 application with vue i18n

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

How to create dynamically lit 2d pixel art scenes with Unity
How to create dynamically lit 2d pixel art scenes with Unity

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

How to create a sprite sheet
How to create a sprite sheet

This tutorial explains how you can create your own sprite sheet from your sprites in seconds.

Godot: How to create sprite sheets the easy way (Video)
Godot: How to create sprite sheets the easy way (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
Godot 3: How to create tile sets the easy way

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

How to translate your Angular app with Transloco
How to translate your Angular app with Transloco

Free tutorial: Set up Angular with Transloco, extract translations from code, switch translations at runtime, edit translation files.

How to create sprite sheets & animations for PixiJS 7
How to create sprite sheets & animations for PixiJS 7

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

How to translate your Angular app with ngx-translate
How to translate your Angular 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

Using sprite sheets in melonJS
Using sprite sheets in melonJS

Learn how to create sprite sheets for melonJS, how to load them and how to instantiate sprites and animations. Complete source code available on GitHub!

CSS animation examples with TexturePacker
CSS animation examples with TexturePacker

These two examples show you how to easily create animations with CSS and sprite sheets. Example 1: @keyframes animation. Example 2: Javascript animation

How to translate your React app with react-i18next
How to translate your React app with react-i18next

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

How to translate your Svelte Web App.
How to translate your Svelte Web App.

This free tutorial explains, how you can easily translate your Svelte web app with svelte-i18n. Source code included.

How to create sprite sheets & animations for libGDX
How to create sprite sheets & animations for libGDX

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.

How to use game physics in Solar2D
How to use game physics in Solar2D

Full example with source code how to use use game physics with Solar2D (CoronaSDK).

How to create physics shapes for Panda2 and P2 physics
How to create physics shapes for Panda2 and P2 physics

Free tutorial: Create a physics enabled game scene with Panda2 and P2 physics engine. Learn how to create and edit polygon physics shapes.

LibGDX Beginner Tutorial: Sprite Sheets & Physics with Box2D
LibGDX Beginner Tutorial: Sprite Sheets & Physics with Box2D

This tutorial is for libGDX beginners, explaining how to create sprite sheets, use sprites in your game and add game physics.

Previous
Next