Open Side Menu Go to the Top
Register
Which technology to use for "animation" on a website Which technology to use for "animation" on a website

01-13-2014 , 03:51 AM
Ok, so assume I am making a website where two users can flip a coin. The "game" only starts once both users have hit "start" or whatever and decided to play, and they are redirected to a link representative of that gameID.

Now I don't need them to be able to do anything or interact with that page at all, and all randomization/outcome is already processed and determined on the back end, all I want is for them to see the outcome:

Player 1 hits start (waits)
Player 2 hits start (both players now redirected to a randomly generated "gameId" link)

Player 1 sees and animation with the coin landing on Heads and a "WIN", Player 2 sees the coin landing on heads and a "LOSE".


What would this animation page be done with? Is flash still being used as the go-to or is there something better?


Also I supposed I could just use the same link, they both see the same coin flip animation and a "HEADS WON" or something, but that's a bit less dynamic, the 1st option is def. preferrable.


Thanks in advance, have been programming quite a bit lately and working on my first project now, will be sure to share any advice I can to give back once I'm a bit more comfortable with where I'm at . Thanks again
Which technology to use for "animation" on a website Quote
01-13-2014 , 04:45 AM
Javascript and WebSockets is what you could use.

Flash is dead...
^^ my opinion'

edit: didn't notice title refers to best animation technique
You can use flash for the "graphical" show of winner and loser but you could also just redirect the winner or loser to a gif

Last edited by iosys; 01-13-2014 at 05:06 AM.
Which technology to use for "animation" on a website Quote
01-13-2014 , 05:19 AM
Quote:
Originally Posted by iosys
Javascript and WebSockets is what you could use.

Flash is dead...
^^ my opinion'

edit: didn't notice title refers to best animation technique
You can use flash for the "graphical" show of winner and loser but you could also just redirect the winner or loser to a gif
yea ok, in reality I'm not looking to do a coinflip but something longer/more complex to where a .gif probably wouldn't fit, again though it's not something the user needs to interact with at all simply something animated they can watch to represent the results that just happened via randomization on the server side. Flash is my best bet then?
Which technology to use for "animation" on a website Quote
01-13-2014 , 07:20 PM
Yah go with flash for the animation but you can also take a look at after effects
Which technology to use for "animation" on a website Quote
01-16-2014 , 08:39 PM
javascript/websockets was my first thought as well.

you can do some pretty cool animation with javascript and stylesheets.

we built our app in flash and moved it over to javascript last year. we were able to do everything in html5 that we were doing in flash.

we're currently playing around with websockets and have been able to get have web pages update automatically when the data base is updated and be able to move a marker on a google map by one user and have all the other people looking at the same page see the marker move in real time.
Which technology to use for "animation" on a website Quote
01-17-2014 , 12:49 AM
Interesting I'll definitely look into it. Thanks
Which technology to use for "animation" on a website Quote
01-19-2014 , 08:43 PM
Another consideration you should take into account is that flash has zero mobile support whereas html5 (I.e. JS and websockets) are cross platform.
Which technology to use for "animation" on a website Quote
01-20-2014 , 04:39 AM
I wrote a simple card game a while ago that does something similar using websockets/javascript/css. It worked out really well and wasn't super hard to do.

I'd definitely recommend websockets/javascript over flash.
Which technology to use for "animation" on a website Quote
01-20-2014 , 05:01 AM
Awesome, really appreciate it guys. Will be finishing up a project in another month or so I hope, so maybe I can show it off then
Which technology to use for "animation" on a website Quote

      
m