This is a documentation for Board Game Arena: play board games online !

Diferenzas entre revisións de «Your game mobile version»

De Board Game Arena
Saltar ata a navegación Saltar á procura
(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...")
 
Sem resumo de edição
Liña 9: Liña 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.

Revisión como estaba o 26 de decembro de 2015 ás 12:49

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.