This is a documentation for Board Game Arena: play board games online !
Your game mobile version: Difference between revisions
Jump to navigation
Jump to search
(Created page with " Board Game Arena is now adaptated for Mobiles and Tablets too. This is very easy to have a mobile version of the game you developed with BGA Studio. In fact, your game is pr...") |
No edit summary |
||
| Line 9: | Line 9: | ||
== Touchscreen compatibility == | == Touchscreen compatibility == | ||
When your game is running on a touchscreen device, the global CSS class "touch-device" is added to the root HTML element (and "notouch-device" is added in the contrary). | Most of your game should work with touchscreen device. | ||
Note : When your game is running on a touchscreen device, the global CSS class "touch-device" is added to the root HTML element (and "notouch-device" is added in the contrary). | |||
What may not work : | |||
* ":hover" CSS switch. Because there is no mouse, ":hover" won't be triggered. This is not an issue unless it is needed to play the game. In addition, some touch device considers that a short touch must trigger a ":hover" (and should apply corresponding CSS), which can block an interaction in your game. We advise you to explicitely disable ":hover" effects when your game is running on a touchscreen device. | |||
Revision as of 13:49, 26 December 2015
Board Game Arena is now adaptated for Mobiles and Tablets too.
This is very easy to have a mobile version of the game you developed with BGA Studio. In fact, your game is probably already 100% playable on mobile.
However, to provide your players the best experience, you should follow the 2 advices below.
Touchscreen compatibility
Most of your game should work with touchscreen device.
Note : When your game is running on a touchscreen device, the global CSS class "touch-device" is added to the root HTML element (and "notouch-device" is added in the contrary).
What may not work :
- ":hover" CSS switch. Because there is no mouse, ":hover" won't be triggered. This is not an issue unless it is needed to play the game. In addition, some touch device considers that a short touch must trigger a ":hover" (and should apply corresponding CSS), which can block an interaction in your game. We advise you to explicitely disable ":hover" effects when your game is running on a touchscreen device.