houseshow

Thank you for your post carl, i dont think the method used at the edge slot machine is suitable to 3liners. I want a modern onlineslot animation, where actualy real symbols spin down, which getting faster and is slowed at the end. I allready found some tutorials, about slotmachine but the problem is, they are all 1 liners and none got a animation like the one im searching for. The one, which gets closest to what im looking for is this one: http://bravenewmethod.com/2013/03/14/simple-slot-machine-with-html5/ but for me, this one lags a litle. As mentioned, here is my new try.. unfortunatly it would be too complicated to get this running in codepen so i uploaded the packed folder. Just unrar it and run the html file and everything should work as it should. JS-Slotmachine.rar The Animation isnt timed pretty good at the moment, but atm im too tired to fix this. But my mainproblem still occurs, you will notice small lags when the 3 symbols are setted back to the top. Another problem i came across is, i would like to have an annimation which i can repeat easely (so i can let each reel spin longer than the others). I can archieve that if i manualy add more repeats in the middle of the animation but i guess there are much more easier ways. Does anyone got an idea how i can realise my wishes and getting a animation without lags. Thank you very much for your awnsers.

Hey guys, first of all i wanna say thanky you very much @ the GS Team, for this awesome libary. Im pretty new to Javascript and programming overall, did watch some Javascript Tutorial and did read a litle bit about it. Did only work with HTML and CSS before (animationwise only with transitions). Basicly im trying to learn Javascript to code a Slotmachine, a pretty complex one (which has a working php script and did work in flash before), but unfortunatly flash isnt the best for mobile devices, so i guess going with Javascript is the way to go. As i said im new to Javascript, i did code a basic Slot this night. Which does not more then spinning the reels on a button click with random symbols appearing, i did not try to connect it with php yet (ill do this after it works as it should). My Slot got 5 Reels with 3 Symbols each reel (at all it got 6 Symbols for the animation per reel, as im resetting the position for the reelanimation after the 3 symbols are out of the viewfield of the reel.) So, i got this working with a semifluid animation, but my problem is the animation lags (probably cause alot of things are done at the same time) at all im moving 30 125x125px divs at the same time + changing the symbols. My code for this is about 400lines long, (could be much shorter if i optimize it). Im wondering if there is a posibility to do such a complex animation without lags just with JS and GSAP, or is it in this case nessecary to go with Canvas? If you think that it is possible to get a smooth working slot, which solution would you use? regards houseshow Gonna give it another try, with another idea which i had and will post a codepen link, after im done. Maybe you can give me some hints afterwards.