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

الفرق بين المراجعتين لصفحة: «Studio»

من Board Game Arena
اذهب إلى التنقل اذهب إلى البحث
 
(٤٩ مراجعة متوسطة بواسطة ٥ مستخدمين غير معروضة)
سطر ١: سطر ١:
[[File:Bga_studio_small.jpg]]
[[File:Bga_studio_small.jpg]]


Note: Please DO NOT translate Studio Documentation, so that there can be one place where you can find the last information available.
Note: Please DO NOT translate Studio Documentation, so that there can be one place where you can find the latest information available.


== What is Board Game Arena Studio? ==
== What is Board Game Arena Studio? ==


'''Board Game Arena Studio''' is a platform to build online board game adaptation using the Board Game Arena platform.
'''Board Game Arena Studio''' is a platform to build online board game adaptations using the Board Game Arena platform.


It is open to any gamer with development skills :)
It is open to any gamer with software development skills :)


See announcement here:
BGA Studio website: http://en.studio.boardgamearena.com
http://forum.boardgamearena.com/viewtopic.php?f=10&t=1973
 
Original announcement on BGA forum: http://forum.boardgamearena.com/viewtopic.php?f=10&t=1973


== Discover BGA Studio in 5 presentations ==
== Discover BGA Studio in 5 presentations ==


Why, how, what... to start discovering BGA Studio, we prepare you 5 "powerpoint" presentations:
Why, how, what... to start discovering BGA Studio, we prepared 5 "powerpoint" presentations for you:


* [http://www.slideshare.net/boardgamearena/5-reasons-why-you-should-use-bga-studio-for-your-online-board-game 5 reasons why you should use BGA Studio for your online board game]
* [http://www.slideshare.net/boardgamearena/5-reasons-why-you-should-use-bga-studio-for-your-online-board-game 5 reasons why you should use BGA Studio for your online board game]
سطر ٢٢: سطر ٢٣:
* [http://www.slideshare.net/boardgamearena/bga-studio-guidelines BGA developers guidelines]
* [http://www.slideshare.net/boardgamearena/bga-studio-guidelines BGA developers guidelines]


== How to join BGA developer team? ==
== How to join the BGA developer team? ==


Please see: [[How to join BGA developer team?]]
Please see this page: [[How to join BGA developer team?]]


== Great, I'm in! ... How should I start? ==
== Great, I'm in! ... How should I start? ==
سطر ٣٠: سطر ٣١:
If you didn't already, check the presentations at the top of this page to get the basics.
If you didn't already, check the presentations at the top of this page to get the basics.


After that, we would advise you to take a peek at one or both of these two game creation tutorials:
Then, you should checkout the [[First steps with BGA Studio]] to make sure that runs fine.
* [[Tutorial reversi]]
 
* [[Tutorial gomoku]]
After that, we strongly advise you to take one of these game creation tutorials:
* [[Tutorial reversi]] - an abstract strategy game played on an 8×8 uncheckered board for 2 players
* [[Tutorial gomoku]] - an abstract strategy game tic-tac-toe style for 2 players
* [[Tutorial hearts]] - a card game for 4 players


Then start editing files and see what happens! ;)
Then start editing files and see what happens! ;)


If you have any questions, please ask them on the [http://forum.boardgamearena.com/viewforum.php?f=12 development forum].
Once you done with tutorials, you can start a real game (or join existing project)
* [[Create a game in BGA Studio: Complete Walkthrough]]
 
If you have any questions, please check out the '''[[Studio FAQ]]''' first, then if you didn't find the answer you were looking for, please post your question on the [http://forum.boardgamearena.com/viewforum.php?f=12 '''development forum'''].


== BGA Studio documentation ==
== BGA Studio documentation ==
[[Studio FAQ]]


=== BGA Studio Framework reference ===
=== BGA Studio Framework reference ===


This part of the documentation focus on the development framework itself: functions and methods available to build your game.
This part of the documentation focuses on the development framework itself: functions and methods available to build your game.


[[Studio file reference|File structure of a BGA game]]
[[Studio file reference|File structure of a BGA game]]


==== Game logic ====
==== Game logic (Server side) ====


* [[Main game logic: yourgamename.game.php]]
* [[Main game logic: yourgamename.game.php]]
سطر ٥٧: سطر ٦٢:
* [[Game statistics: stats.inc.php]]
* [[Game statistics: stats.inc.php]]


==== Game interface ====
==== Game interface (Client side) ====


* [[Game interface logic: yourgamename.js]]
* [[Game interface logic: yourgamename.js]]
سطر ٦٣: سطر ٦٨:
* [[Game interface stylesheet: yourgamename.css]]
* [[Game interface stylesheet: yourgamename.css]]
* [[Game layout: view and template: yourgamename.view.php and yourgamename_yourgamename.tpl]]
* [[Game layout: view and template: yourgamename.view.php and yourgamename_yourgamename.tpl]]
* [[Your game mobile version]]


==== Other components ====
==== Other components ====


* [[Translations]] (how to make your game translatable)
* [[Game options and preferences: gameoptions.inc.php]]
* [[Game options and preferences: gameoptions.inc.php]]
* [[Game meta-information: gameinfos.inc.php]]
* [[Game replay]]
* [[3D]]
* [[Some usual board game elements image ressources]]
=== BGA Studio game components reference ===
Game components are useful tools you can use in your game adaptations.


* [[Deck]]: a PHP component to manage cards (deck, hands, picking cards, moving cards, shuffle deck, ...).
* [[Counter]]: a JS component to manage a counter that can increase/decrease (ex: player's score).
* [[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).


[[Studio function reference]]
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  <div> element around its child, even if these elements are absolute positioned.


=== BGA Studio user guide ===
=== BGA Studio user guide ===
سطر ٧٥: سطر ٩٨:
This part of the documentation is a user guide for the BGA Studio online development environment.
This part of the documentation is a user guide for the BGA Studio online development environment.


[[Studio back-office]]
* [[BGA game Lifecycle]]
* [[First steps with BGA Studio]]
* [[Tutorial reversi]]
* [[Tutorial gomoku]]
* [[Tutorial hearts]]
* [[Create a game in BGA Studio: Complete Walkthrough]]
* [[Tools and tips of BGA Studio]] - Tips and instructions on setting up development environment
* [[Practical debugging]] - Tips focused on debugging
* [[Studio logs]] - Instructions for log access
* [[BGA Studio Cookbook]] - Tips and instructions on using API's, libraries and frameworks
* [[BGA Studio Guidelines]]
* [[Troubleshooting]] - Most common "I am really stuck" situations
* [[Studio FAQ]]
* [[Pre-release checklist]] - Go throught this list if you think you done development
* [[Post-release phase]]
* [[BGA Code Sharing]] - Shared resources, projects on git hub, common code, other links


== Other resources ==
== Other resources ==
سطر ٨١: سطر ١١٩:
[http://forum.boardgamearena.com/viewforum.php?f=12 Development forum]
[http://forum.boardgamearena.com/viewforum.php?f=12 Development forum]


[http://forum.boardgamearena.com/viewforum.php?f=4 Bugs forum]
[https://en.boardgamearena.com/#!bugs Bug tracking system]

المراجعة الحالية بتاريخ ١١:٤٥، ٧ مارس ٢٠١٩

Bga studio small.jpg

Note: Please DO NOT translate Studio Documentation, so that there can be one place where you can find the latest information available.

What is Board Game Arena Studio?

Board Game Arena Studio is a platform to build online board game adaptations using the Board Game Arena platform.

It is open to any gamer with software development skills :)

BGA Studio website: http://en.studio.boardgamearena.com

Original announcement on BGA forum: http://forum.boardgamearena.com/viewtopic.php?f=10&t=1973

Discover BGA Studio in 5 presentations

Why, how, what... to start discovering BGA Studio, we prepared 5 "powerpoint" presentations for you:

How to join the BGA developer team?

Please see this page: How to join BGA developer team?

Great, I'm in! ... How should I start?

If you didn't already, check the presentations at the top of this page to get the basics.

Then, you should checkout the First steps with BGA Studio to make sure that runs fine.

After that, we strongly advise you to take one of these game creation tutorials:

Then start editing files and see what happens! ;)

Once you done with tutorials, you can start a real game (or join existing project)

If you have any questions, please check out the Studio FAQ first, then if you didn't find the answer you were looking for, please post your question on the development forum.

BGA Studio documentation

BGA Studio Framework reference

This part of the documentation focuses on the development framework itself: functions and methods available to build your game.

File structure of a BGA game

Game logic (Server side)

Game interface (Client side)

Other components

BGA Studio game components reference

Game components are useful tools you can use in your game adaptations.

  • Deck: a PHP component to manage cards (deck, hands, picking cards, moving cards, shuffle deck, ...).
  • Counter: a JS component to manage a counter that can increase/decrease (ex: player's score).
  • 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)

  • 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 <div> element around its child, even if these elements are absolute positioned.

BGA Studio user guide

This part of the documentation is a user guide for the BGA Studio online development environment.

Other resources

Development forum

Bug tracking system