Compatibility

Game File Reference

Overview

• dbmodel.sql - database model
• gameinfos.inc.php - meta-information
• gameoptions.json - game options & user preferences
• img/ - game art
• Game Metadata Manager - tags and metadata media
• material.inc.php - static data
• misc/ - studio-only storage
• modules/ - additional game code
• states.inc.php - state machine
• stats.json - statistics
• X.action.php - player actions
• X.css - interface stylesheet
• X.game.php - main logic
• X.js - interface logic
• X.view.php - dynamic game layout
• X_X.tpl - static game layout

---

Useful Components

Official

• Deck: a PHP component to manage cards (deck, hands, picking cards, moving cards, shuffle deck, ...).
• Draggable: a JS component to manage drag'n'drop actions.
• Counter: a JS component to manage a counter that can increase/decrease (ex: player's score).
• ExpandableSection: a JS component to manage a rectangular block of HTML than can be displayed/hidden.
• Scrollmap: a JS component to manage a scrollable game area (useful when the game area can be infinite. Examples: Saboteur or Takenoko games).
• Stock: a JS component to manage and display a set of game elements displayed at a position.
• Zone: a JS component to manage a zone of the board where several game elements can come and leave, but should be well displayed together (See for example: token's places at Can't Stop).

Undocumented component (if somebody knows please help with docs)

• Wrapper: a JS component to wrap a <div> element around its child, even if these elements are absolute positioned.

Unofficial

• BGA Code Sharing - Shared resources, projects on git hub, common code, other links
• BGA Studio Cookbook - Tips and instructions on using API's, libraries and frameworks
• Common board game elements image resources

---

Game Development Process

• First steps with BGA Studio
• Create a game in BGA Studio: Complete Walkthrough
• Tutorial reversi
• Tutorial gomoku
• Tutorial hearts
• BGA Studio Guidelines
• BGA game Lifecycle
• Pre-release checklist
• Post-release phase
• Player Resources - add player help/rules to your game page

---

Guides for Common Topics

• Translations - make your game translatable
• Game Replay
• Mobile Users
• 3D
• Compatibility

---

Miscellaneous Resources

• Studio FAQ
• Tools and tips of BGA Studio - Tips and instructions on setting up development environment
• Studio logs - Instructions for log access
• Practical debugging - Tips focused on debugging
• Troubleshooting - Most common "I am really stuck" situations
• Studio Bugs - Reports against Studio itself (not BGA!)

The mainsite is built with compatibility for several old browsers.

We use a browserslist config to define the targeted browsers: last 2 versions, not dead, > 0.2%.

There are currently no hard rules about what you should target, but it is recommended to follow the same targets as the mainsite. You can use babel to compile your modern JavaScript code into backwards compatible code. Babel accepts a browserslist targets string, so you can use the targets above.

Current list

As of September 2023, last 2 versions, not dead, > 0.2% refers to:

• and_chr 116
• and_ff 116
• and_qq 13.1
• and_uc 15.5
• android 116
• android 4.4.3-4.4.4
• chrome 116
• chrome 115
• chrome 114
• chrome 113
• chrome 112
• chrome 111
• chrome 109
• chrome 103
• chrome 79
• edge 116
• edge 115
• edge 114
• firefox 117
• firefox 116
• firefox 115
• ie 11
• ios_saf 16.6
• ios_saf 16.5
• ios_saf 16.4
• ios_saf 16.3
• ios_saf 16.2
• ios_saf 16.1
• ios_saf 16.0
• ios_saf 15.6-15.7
• ios_saf 14.5-14.8
• ios_saf 12.2-12.5
• kaios 3.0-3.1
• kaios 2.5
• op_mini all
• op_mob 73
• opera 102
• opera 101
• opera 100
• safari 16.6
• safari 16.5
• safari 16.3
• safari 15.6
• safari 14.1
• samsung 22
• samsung 21