How to animate a slot machine reel?
I have originally tried animating a slot machine reel by moving it's Y coordinates but have recently thought of animating it instead by keeping the actor in the same position and somehow shifting the contents of the image and using the wrap Y if it is possible.
What I have is an image that is a vertical strip of images say 75 pixels x 750 pixels. Would I be able to take this strip and repeatedly shift the image vertically at high speeds and have the image loop so that when a symbol reaches the bottom of the strip, it'll appear at the top again?
Best Answers
-
Socks London, UK.Posts: 12,822
@CometPlus said:
. . . I'm hoping there is a method to keep the image locked in place while being able to shift the tiles with wrapping within the confines of the image border.Can't be done unfortunately.
-
Socks London, UK.Posts: 12,822
@CometPlus said:
I'm more interested in creating a true reel spin.You can create a true spin by controlling the actors Y position and height (and width if you want a little perspective), by constraining them to a sine wave (the Y position offset from the height by 90°), if you then clip the lower half of the sine wave controlling the height the individual reel positions will disappear as they rotates away from you (as they should), and as you are controlling the movement by a sine wave you can control the angle the sine wave is operating on and therefore control the speed to allow the reels to ramp up to speed and slow down.
Hope than makes sense, not sure I've explained it very well, basically you can rotate an actor in a plane perpendicular to the screen at a controllable speed.
-
Socks London, UK.Posts: 12,822
@CometPlus said:
I'm more interested in creating a true reel spin.Here's a movie of the basic idea for the sine wave driven 'true' spin . . . (I hope @Armelline doesn't mind that I stole his Fruit Machine images for the demo !!)
Answers
Here is a template for a slot machine. Maybe you can use this to solve your problem.
http://marketplace.gamesalad.com/#query=EatingMyHat&product=2479
@CometPlus
Blur you images and animate them...for say 3-4 seconds and then choose which symbol lands. It gives a good illusion of spinning reels.
Complete Guide to iOS Publishing {} Complete Guide to Mac Publishing
Attached is a free slot machine template I made that I never quite got around to removing a bug from, so never released (at least I don't think I did). But it'll give you an idea of how to solve your particular problem. Just don't try it completely as the button can bug out
Contact me for custom work - Expert GS developer with 15 years of GS experience - Skype: armelline.support
While I like the suggestions as I may default to using the blurring method as indicated by @Thunder_Child and @Armelline if I cannot find the exact preferred method of doing this. I wasn't able to fully review the suggestion from @mc99093 regarding @EatingMyHat template as I was not able to find a video sample of how the the spins look like in the template.
I'm more interested in creating a true reel spin. What I'm planning is building a 3X5 slot with a professional spinning look to it where the player can see the reels speed up at the start of the spin and slow down and lock in near the end of the spin so being able to see the actual symbols during the spin is necessary unless this is not possible. (I'd like to get it to look as much as a real casino slot machine as possible if it can be done.)
Also, in my original method of programming this where I actually just transpose the vertical strip by shifting the entire image along it's Y coordinate, the image started flying all over the place and off the screen when it spun enough times even though there should have been no movement programmed in the X axis. This is why I'm hoping there is a method to keep the image locked in place while being able to shift the tiles with wrapping within the confines of the image border.
I do appreciate the suggestions so far however. Thanks folks!
You can achieve that effect by using three actors and having an order they cycle through the possibilities in - i.e. predefined positions on the wheel. It would be a lot easier than trying to actually have a strip and move it.
Contact me for custom work - Expert GS developer with 15 years of GS experience - Skype: armelline.support
@Socks Would you mind letting me know which version of GameSalad you are using? I'm on 0.10.5 for Windows and I think there are some feature you have that I don't.
I'm using the current Release Candidate, but there's nothing I'm using that you couldn't do in any version of GameSalad from the last few years.
To make the reels 'spin' I am simply moving the fruit images up and down in the Y axis (although on the way up they are invisible, so you don't see them going up) and changing their height, and that is basically it, everything else like the fact that their alpha channel also fades in and out (to give you the illusion that they are coming in and out of shadow) or the reel image that sits in the background, or the specular highlight towards the top of the reel, or the little 'settle' when the reels stop spinning . . and so on . . . all that is all just aesthetic stuff, it's still work just fine without all that, the basic 'spin' is just moving objects up and down and squashing them, something you can very easily do in any version of GameSalad.
@Socks Is it possible to see the code for the slot machine video that you posted?
Here's a free one we made a while back http://www.deepblueapps.com/gs-fruit-machine/
Damn @Socks that's impressive! Every time I think I've done something clever I see something you've done like that...
How I missed this before I don't know!
Contact me for custom work - Expert GS developer with 15 years of GS experience - Skype: armelline.support
This is such a simple but very powerful project to start with when making slots.
I really appreciate @DeepBlueApps for making this available...which has actually been around for some time.
I have spent over a year building upon this basic template.
Complete Guide to iOS Publishing {} Complete Guide to Mac Publishing
thanks @DeepBlueApps !