Sunday, February 21, 2016

Phaser tutorial: Spriter Pro features added to Spriter player for Phaser

 





Previous Phaser tutorials:
Phaser tutorial: Using Phaser signals
Phaser tutorial: Breaking the (z-order) law!
Phaser tutorial: Phaser and Spriter skeletal animation
Phaser tutorial: DronShooter - simple game in Typescript - Part 3
Phaser tutorial: DronShooter - simple game in Typescript - Part 2
Phaser tutorial: adding 9-patch image support to Phaser
Phaser tutorial: DronShooter - simple game in Typescript - Part 1
Phaser tutorial: custom easing functions for tweening and easing functions with parameters
Phaser tutorial: sprites and custom properties for atlas frames
Phaser tutorial: manage different screen sizes
Phaser tutorial: How to wrap bitmap text





   Some time ago I wrote Spriter player for Phaser. In that time, I had only free version of Spriter, so features available only in Pro version were not available in it. In the end of previous year I purchased Pro version and in these days I updated the player to work with new features. It includes:
  • character maps,
  • events,
  • sounds (actually not plying sound, but sending sound event),
  • tags,
  • variables (currently does not interpolate int and float variables)




  Here is live demo of the player:
  • press A to switch animations (demo has 2),
  • press C to stack character maps. There are two and are stacked on each other to give three visual states (first one is basic appearance),
  • text, the guy is saying is fired by string variable change in animation.


 You can get full Typescript source with working demo above at GitHub.