Twitter Updates

04 07 12

HTML5: You can bet on that

I was in Las Vegas last week and I got inspired to try and create photorealistic slot machine reels in HTML5.

I have seen quite a few of Flash-based or native slot machine games that look really good but I haven’t ever found an example done with HTML, CSS and Javascript. So… I figured I’d try it. I’ve been wanting to create a cool fruit machine app for tablets and phones for a long time anyway so this makes a great start.


The experiment was a success. I did it! I created photorealistic slot reels that look and feel like a real Vegas machine. They perform very well on iOS devices so… that fruit machine app is definitely going to happen!

Since it’s the 4th of July and I’m in a generous mood I decided to share the code with you. Feel free to do with it whatever you want. It works in Firefox, Safari, Chrome, on iOS devices and most likely other mobile devices as well. I have annotated the code to help you understand what’s going on.

Try the HTML5 slots example and get the code here!

  1. magicstudio reblogged this from marcovhv
  2. loveblinds reblogged this from marcovhv
  3. williamnewton said: Awesome!! Thank you!!
  4. ethereal-algorhythm reblogged this from marcovhv
  5. marcovhv posted this
eatsleepdrawaplacetolovedogsmoon--mothazspottastefullyoffensivecarpr0nnatureslittlecriminalit8bitthoughtbotnbchannibaldoctorwhotheniftyfiftiesnevverliquidnightjtotheizzoeantigovernmentextremistjoostlultwelpetswhowanttokillthemselvesfriendlyatheistblissandzenkateoplisprojectunbreakableinstagramvintascopechristiannightmarespleatedjeanschristinahaberkerndxoextrafirmholdweandthecolorsecurityreactionsquestionableadviceshirtoidmontereybayaquariumterrysdiaryclientsfromhellmarcoadactiojamfactoryblog-anglophonicalice44meganmcisaacilovechartsthereisnogodbookaliciousabandonedography4everdesignphotojojolickystickypickysheinvictvsafarjoelazpolitical-cartoonsmkonstantinovaplaystationfuckyeahalbuquerqueteamcocovinhthink-progressanimalstalkinginallcapsanimalsbeingdicksparkerehretsesamestreetsoupsoupdevopsreactionsskeletalmotivesirmitchellurhajosarchitizermattoitsfullofstars9-bitshipsterlibertarianfakesciencealexiatsotsishotvvheelshatefulatheistyahooadorastaffbetsy-prdear-photographslushpilehellmarissamayrwolffolinsblogkevinlienreallyfoxnewsfuckyeahtheuniversedavidwillwdorwardmaniacalragecomicallyvintagelunchbagartdkoderkurafiremontdorwellthatsadorableunhappyhipstersiwikthoughtsbendelaneyjacobstfuparentsdrawjoshdeleteyourselfmakeupaddictionlooksbayareacreativeuxstfucorporatistsmochacafesciencereadthisletterstodeadpeoplethetardisletterheadyrhymeswithwhattylerscaifeenicollesijobling2cauldronsthe5thwaveginaderxplaneskari-shmatbonneesbuenofuckyeahtwilightsucksfaggotryfallingskiestnthrrrthrrrageofpuppybreakingbadlocationscaraobrienanimalswithstuffedanimalscubicle17greenstatefuckyeahegypttextsfrombennettatphotodriphpilarpedrosapilara-gentleman-and-a-scholarphatdishsoulgardenscrivstpdsaaskoopaljazeeradarrenfdoodlebookfaceoboksanxlegoexpresscreativecapturesheshtajeremyfallwhenatyahoowearethe99percentlukeesmichealangelojeromecartythedailywhatyahnyinlondonfloatingparticlesthefifthkindbryanmckaypseudomeaningfulstfuconservativestmblgbluekitty1lauraotylercardwolffolinsjurgenholvoetmenagainstassholesandmisogynycarrierawksartinmycoffeeteamtigerawesomejesuschristsiliconvalleyredesignrelatedwebmarcinkpixelspaper0viewsjoshbeggsscipsyappleartscommunism-killsseashepherdadvocatebindersfullofwomenspaceinperspectivetheyahooanswersatheism-shitthatblowsrankunstjqmobiillinoisairshipastriske3dgameranotheratheiststfuislamobigotrytherampantrantszymonfire-your-agentwelcometotechnologytherealmorganfthisguyhasmymacbookilikeoldthingsnickrunyandougneinercosmicpowerwebospatternslazydogislazyfuckyeahghosttownsbenfysherupnuintranationheather-riverscreativerothkored

Marco van Hylckama Vlieg is a designer, web developer, photographer and an overall creative mind. He's a true global citizen currently living and working in his fifth country so far. Born in the Netherlands and currently living in San Jose, CA where he works for Yahoo! as an User Experience prototyper.

I create many things. If you need something, feel free to contact me at marco@i-marco.nl and we'll talk.

Buy my work