« Back to All Topics
HTML5 to replace JAVA
Posted in 
General
HTML5 to replace JAVA
Posted in 
General
HTML5 to replace JAVA
During this year FlyOrDie games will be ported to HTML5. HTML5 is a web technology natively supported by browsers, so you won't have to install additional plugins like the Java Plugin that our games currently are built on.

Because of this change, you will need a decent 
HTML5 compatible browser
.

Since HTML5 is still not a standard and browsers do not fully implement standards anyway, different kind of browser issues are to be expected. But at least you will have several choices and won't be bound to a single vendor.

Also, mobile devices are becoming more and more powerful at rendering HTML5 content, so your not-so-old mobile device will likely be able to run FlyOrDie games.

The first three games that have been ported to HTML5 are:
▪ 
Four in a Row
Memory
Reversi


Below, we'll summarize all HTML5 browsers the games are expected to be able to run on.


Recommended: Multi-platform browsers
 [img=
http://www.flyordie.com/games/images/browsers/windows-32.png
][img=
http://www.flyordie.com/games/images/browsers/osx-32.png
][img=
http://www.flyordie.com/games/images/browsers/linux-32.png
][img=
http://www.flyordie.com/games/images/browsers/android-32.png
]
          [img=
http://www.flyordie.com/games/images/browsers/chrome-32.png
] Chrome 34+
          [img=
http://www.flyordie.com/games/images/browsers/firefox-32.png
] Firefox 29+
          [img=
http://www.flyordie.com/games/images/browsers/opera-32.png
] Opera 21+



Windows
 [img=
http://www.flyordie.com/games/images/browsers/windows-32.png
]
          [img=
http://www.flyordie.com/games/images/browsers/ie-32.png
] Internet Explorer 10+. 
IE 11+ is required for 3D games.

If you are not bound to IE for whatever reason we strongly recommend to switch to one of the multi-platform browsers, since they provide better HTML5 feature support.
[img=
http://www.flyordie.com/games/images/browsers/webgl-64.png
] WebGL is the technology required for 3D games. You must keep your graphics drivers up-to-date else browsers will likely disable WebGL or you will experience all kind of glitches (both graphics and performance related). Unfortunately, Windows Update won't help in most cases. You can download the latest graphics drivers for your PC from the following locations: [url=
http://www.geforce.com/drivers
]NVIDIA
/url], [url=
http://support.amd.com/en-us/download
]ATI/AMD
/url], [url=
https://downloadcenter.intel.com/
]INTEL
/url]



Mac OS X
 [img=
http://www.flyordie.com/games/images/browsers/osx-32.png
]
          [img=
http://www.flyordie.com/games/images/browsers/safari-32.png
] Safari 6.1+
Please note, if your are not able to upgrade your Mac to OS X v10.7 "Lion" or higher, you won't be able to upgrade to Safari 6.1 either and you will have to use one of the multi-platform browsers.



Android
 [img=
http://www.flyordie.com/games/images/browsers/android-32.png
]
You can use any of the multi-platform browsers. Android's built-in browser won't work.
You can 
play in fullscreen
 if you use
▪ Chrome for Android and you add the game to your home screen or
▪ Firefox for Android and you install the web application
(If you are logged in, there will be a button for instructions on the start screen.)
Although both browsers will work, we experienced better responsiveness using Chrome for Android.
Notes: 
▪ For fine performance you will need a Nexus 7 or equivalent/faster device.
▪ Avoid tapping on links while you are actually playing a match. Your browser may stop the game if it's on a background tab for a longer period of time.
▪ Using Chrome/Opera, Android 4.3+ is required for sound effects.



iPad, iPhone, iPod
 [img=
http://www.flyordie.com/games/images/browsers/ios-32.png
]
          [img=
http://www.flyordie.com/games/images/browsers/safari-32.png
] iOS 6.1+, 7.0.3+ or 8.1.1+ is required. 
iOS 8.1.1+ is required for 3D games.

You can 
play in fullscreen
 if you add the game to your homescreen. (If you are logged in, there will be a button for instructions on the start screen.)
Alternatively, you can switch to fullscreen on iPhone/iPod in landscape mode too, but floating browser buttons may cause some inconvenience.
Notes: 
▪ For fine performance you will need an iPad2/iPhone5. iPhone4/iPod4 will work, but full screen animations won't be smooth.
▪ Avoid tapping on links while you are actually playing a match. Your browser may stop the game if it's on a background tab for a longer period of time.
▪ If you are using the fullscreen web application version and tap on an external link (for instance, ads) that will be open in Safari, the web application will be stopped by the system and restarted once you return to it.



Firefox OS
 [img=
http://www.flyordie.com/games/images/browsers/firefox-32.png
]
Firefox OS 1.1+ is required.
You can 
play in fullscreen
 if you install the web application. (If you are logged in, there will be a button for instructions on the start screen.)



Windows Phone 8
 [img=
http://www.flyordie.com/games/images/browsers/wp8-32.png
]
Windows Phone 8+ is required. 
Windows Phone 8.1+ is required for 3D games.

Notes: 
▪ Avoid tapping on links while you are actually playing a match. Your browser may stop the game if it's on a background tab for a longer period of time.
▪ No sound effects due to platform limitations.



BlackBerry
 [img=
http://www.flyordie.com/games/images/browsers/bb10-32.png
]
BlackBerry OS 10+ is required.
Notes: 
▪ OS 10.2.1 is recommended.
▪ No sound effects due to platform limitations.


[Edited by: DEVELOPER on May 16, 2014 10:34 PM]
[Edited by: DEVELOPER on Oct 14, 2014 8:04 PM]
[Edited by: DEVELOPER on Dec 8, 2014 8:59 PM]
[Edited by: DEVELOPER on Jan 6, 2015 5:18 PM]
[Edited by: DEVELOPER on Jan 19, 2016 4:30 PM]
Checkers
 has been ported to HTML5 as well.

Firefox specific notes:
- Due to a bug in FF 27-28 the minimum required version is FF 29 for the HTML5 version of games.
- Firefox 29 for Android has introduced a new procedure to install webapps. You will have to enable 
Unknown sources
 on your device to be able to install webapps in Firefox for Android.

Windows Phone 8 is supported as well.

Chess
 has been ported to HTML5. Mobile devices are supported too.
BlackBerry OS 10 is supported as well.
Nine Men's Morris
 has been converted and mobile device support added.
Go
 is available in HTML5 browsers on mobile devices now.
Note on 
Firefox for Android
:

Unfortunately, Firefox for Android has a severe graphics performance regression issue from version 30 and up.
You should use 
Chrome for Android
 instead (3..4x frame rate can be achieved) or downgrade to 
Firefox 29
 (by installing an .apk downloaded manually).

Curling
 is available in HTML5 browsers on mobile devices now. Please note, since this is a 3D game, WebGL support is required.

Comments are welcome here: 
http://forum.flyordie.com/thread.jsp?forum=40&thread=129587


For Android, we recommend using Chrome as it offers better WebGL performance in most cases.
Pente
 and 
Gomoku
 have been ported, including many new features.
8-Ball
, 
9-Ball
, 
Blackball
, 
Straight Pool
, 
Bank Pool
, all 
Snooker
 variants and 
Sinuca
 have been ported to HTML5+WebGL and adapted to mobile devices too.

If you experience low FPS rate on your mobile device, please check if Ball Reflectivity is turned off in Game Settings. It should be turned off automatically on slower devices, but sometimes detection logic fails in edge cases.