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

Template:Studio Framework Navigation: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
(Changed hedlines to bold centered text to avoid collision with TOCs)
No edit summary
Line 4: Line 4:
<center>'''Studio Framework Navigation'''</center>
<center>'''Studio Framework Navigation'''</center>


[[Studio file reference|File structure of a BGA game]]
=== <center>'''Game File Reference'''</center> ===


<center>'''Game logic (Server side)'''</center>
=== <center>'''[[Studio file reference|Overview]]'''</center> ===
* [[Main game logic: yourgamename.game.php]]
* [[Your game state machine: states.inc.php]]
* [[Game database model: dbmodel.sql]]
* [[Players actions: yourgamename.action.php]]
* [[Game material description: material.inc.php]]
* [[Game statistics: stats.inc.php]]


<center>'''Game interface (Client side)'''</center>
* [[Game database model: dbmodel.sql|<b>dbmodel.sql</b>]] - database model
* [[Game interface logic: yourgamename.js]]
* [[Game meta-information: gameinfos.inc.php|<b>gameinfos.inc.php</b>]] - meta-information
* [[Game art: img directory]]
* [[Game options and preferences: gameoptions.inc.php|<b>gameoptions.inc.php</b>]] - game options & user preferences
* [[Game interface stylesheet: yourgamename.css]]
* [[Game art: img directory|<b>img/</b>]] - game art
* [[Game layout: view and template: yourgamename.view.php and yourgamename_yourgamename.tpl]]
* [[Game material description: material.inc.php|<b>material.inc.php</b>]] - static data
* [[Your game mobile version]]
* [[Your game state machine: states.inc.php|<b>states.inc.php</b>]] - state machine
* [[Game statistics: stats.inc.php|<b>stats.inc.php</b>]] - statistics
* [[Players actions: yourgamename.action.php|X.<b>action.php</b>]] - player actions
* [[Game interface stylesheet: yourgamename.css|X<b>.css</b>]] - interface stylesheet
* [[Main game logic: yourgamename.game.php|X.<b>game.php</b>]] - main logic
* [[Game interface logic: yourgamename.js|X.<b>js</b>]] - interface logic
* [[Game layout: view and template: yourgamename.view.php and yourgamename_yourgamename.tpl|X.<b>view.php</b>]] - dynamic game layout
* [[Game layout: view and template: yourgamename.view.php and yourgamename_yourgamename.tpl|X_X.<b>tpl</b>]] - static game layout


<center>'''Other components'''</center>
<br>
* [[Translations]] (how to make your game translatable)
-----
* [[Game options and preferences: gameoptions.inc.php]]
=== <center>'''Studio Components'''</center> ===
* [[Game meta-information: gameinfos.inc.php]]
* [[Game replay]]
* [[3D]]
* [[Some usual board game elements image ressources]]


<center>'''BGA Studio game components reference'''</center>
* [[Deck]]: a PHP component to manage cards (deck, hands, picking cards, moving cards, shuffle deck, ...).
* [[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).
* [[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).
* [[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.
* [[Stock]]: a JS component to manage and display a set of game elements displayed at a position.
Line 37: Line 35:


Undocumented component (if somebody knows please help with docs)
Undocumented component (if somebody knows please help with docs)
* [[Draggable]]: a JS component to manage drag'n'drop actions.
* [[ExpandableSection]]: a JS component to manage a rectangular block of HTML than can be displayed/hidden.
* [[Wrapper]]: a JS component to wrap a  &lt;div&gt; element around its child, even if these elements are absolute positioned.
* [[Wrapper]]: a JS component to wrap a  &lt;div&gt; element around its child, even if these elements are absolute positioned.


<center>'''BGA Studio user guide'''</center>
<br>
-----
=== <center>'''Other Topics'''</center> ===
 
* [[Translations]] (how to make your game translatable)
* [[Game replay]]
* [[Your game mobile version]]
* [[3D]]
* [[Some usual board game elements image ressources]]
 
<br>
-----
=== <center>'''Studio User Guide'''</center> ===
 
* [[BGA game Lifecycle]]
* [[BGA game Lifecycle]]
* [[First steps with BGA Studio]]
* [[First steps with BGA Studio]]
Line 58: Line 67:
* [[Post-release phase]]
* [[Post-release phase]]
* [[BGA Code Sharing]] - Shared resources, projects on git hub, common code, other links
* [[BGA Code Sharing]] - Shared resources, projects on git hub, common code, other links
</div>
</div>

Revision as of 16:07, 16 March 2021

Studio Framework Navigation

Game File Reference

Overview



Studio Components

  • 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.



Other Topics



Studio User Guide