In this part of the tutorial series you learn how to add gradients, rings and an inertia effect to your wheel.

Article by Richard Davey. Posted on 5th Oct 2018.   @photonstorm

image

From Emanuele Feronato: "I am showing you another big upgrade to the HTML5 wheel of fortune build with Phaser.

When drawing the wheel on the fly, I was limited to use only solid colors.

So I added a way to display gradients, which can be smooth or just a series of concentrical rings ranging from one color to another. Moreover, I added an inertia effect – which actually I do not know if it’s “inertia” but I hadn’t luck googling for “force which makes a spinning wheel spin back once it stops” – and a couple more options you can find in the global configuration object."

Read More