Html 5 card and slot games

broken image
broken image

Somehow I need to make the reels circular. The slot will only occupy part of the screen (the white rectangle), and that means that, somehow, I need to define some 'clipping' area so that the reels can spin behind it through the hidden area (?!) And I have a container that inside has 5 containers (one for each reel) and it has the first 4 symbols drawn I have an array with all the sprites in the reel ordered in the same way as they should be displayed/rendered. My first thought would be to make something simple (no need for fancy effects. (please see the attack for an example of what I have) But now I'm on the part where I actually need to animate the reels (to make them spin) but I'm not understanding the method/approach taken in that example so, I was hoping to understand first how it can be done and how I can do it. I was looking at the example available in the PixiJS website ( ) and I get most of it and was able to build my own with some tweaks.

broken image
broken image

I'm trying to learn a bit more about pixiJS and for that, I'm trying to build a slot game.

broken image