CodeAndWeb's GameDev Blog page 4/12

How to create sprite sheets for Phaser 3 with TexturePacker

2018-03-01 Joachim Grill, Andreas Löw

Content of the tutorial:

  • Creating sprite sheets with TexturePacker
  • Loading sprite sheets in Phaser
  • Setting pivot points with TexturePacker
  • Playing animations from the sprite sheet
  • Optimizing start up time and reducing download size
  • Complete code is on GitHub
Continue reading...

How to create light effects in Phaser 3

2018-03-01 Joachim Grill

Content of the tutorial:

  • Load normal maps in Phaser
  • Create movable light
  • Use normal mapped sprites
  • Use animated normal mapped sprites
Continue reading...

20175 sprites from @KenneyNL in one sprite sheet

2018-02-28 Andreas Löw

I was curious... how does a sprite sheet look like if you pack 20175 sprites from into one big sprite sheet....

This is just a fun project... Spoiler: you can't use it in a game. Its too big!

Continue reading...

How to translate your React app with react-intl + Example

2018-02-16 Joachim Grill

Localize your React app using react-intl. Learn more about:

  • Internationalization of your app by integrating react-intl
  • Extract message IDs with babel-plugin-react-intl
  • Create and maintain translation files using BabelEdit
Continue reading...

How to create physics shapes for Panda2 and P2 physics

2018-02-14 Andreas Löw

In this tutorial you are going to learn

  • How to set up Panda 2 with Physics (P2 engine)
  • How to create basic physical shapes (circles, rectangles)
  • How to create complex physical shapes (polygon based)
  • How to use PhsicsSprite for a simple integration of physics
  • How to create your own classes which give you even more control over the physics simulation
Continue reading...

Panda2 sprite sheet animations tutorial

2018-02-12 Andreas Löw

Basic game scene tutorial for Panda2

  • Pack an animation into a sprite sheet
  • Optimize the sprite sheet for performance and download speed
  • Edit pivot points using TexturePacker's pivot point editor
  • Build a basic game scene with a walking character
Continue reading...