If you see this message, it means that your browser failed to load this file.

You should try the following : check your connection, disable ad-blocker, clear your browser cache, try in private mode, try from another browser/computer/connection.

Home »

What is BGA Studio?

Getting started

4 slideshare presentations to get ready to use BGA Studio in 30 minutes:

Reference Documentation

This page comes from BGA wiki, and has been written by BGA players community. Feel free to edit it!

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! ;)

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).
  • 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.
  • 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.
  • Wrapper: a JS component to wrap a <div> element around his child, even if these elements are absolute positioned.
  • 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).

BGA Studio user guide

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

Other resources

Development forum

Bugs forum ?? what is this

Bug tracking system


Please remember me

Join BGA Studio developer team

To start developing on BGA Studio and get access to development environment, you need to create an account below.

Personal infos provided in this form is NOT shown to anyone but BGA Studio admin, and is NOT used for any other purpose that BGA Studio organization.

(Must be valid. We may remove accounts from developers we can't contact.)

(3 to 20 characters. No space, no number, no special characters)

(The exact username you are using on BGA)

Important: we need your REAL name to attribute your work on the Studio & to send you stuff by Post when needed.

Important: we need your REAL name to attribute your work on the Studio & to send you stuff by Post when needed.

Please enter the security code you see

I agree to Terms&conditions for developers of BGA Studio.


English to English translation again

I was complaining about this before here I am again. I really don't appreciate random people going and changing English strings
in my games without knowing the context and that got some-how auto-approved without me even knowing...
Happened before and happened again, I just received a bug with new published game about incorrect tooltip, look at code its correct!
Hey somebody decided to go and change 3 to 2 in the text! And now its in the game and all translatable strings!
And posting on translators forum had no effect before.

So I have some request regarding this for admins:
- Have a way to comment on original string to explain what context it appears in, I can comment on translation now but not on orginal :(
Have this comment show up near the string for translators

- If English string is changed do not commit it unless game developers or admin approve the change, personally I don't think it should be allowed in a first place but if happens at least I need to know somebody wants to change it. Changes in English strings has severe effect not only on interface of the game in english, but it also it immediately propagate itself to other languages, because translation "keys" are based on "someone's else" English translation not on the original for some reason

Please, please, pretty please!
11/14/2017 6 comments

Folder for my game missing from sftp folder

I'm reconnecting after a couple of months inactivity in development. When I connect to my ftp folder I only see the default "tutorial" directories, hearts, reversi and gomoku, but not the directory for the game I created.

Can anyone help?

11/10/2017 4 comments

Responsive design with Zone component

Hello everybody!

I have built the UI interface of a game but now I have to fully adapt it to be played on mobile. I use the Zone component and until now I defined the widths statically. The trouble is that when I release these constraints and set the pattern to 'grid', the zone does not adapt filling several lines when there is not enough space when I shrink my window, and components on right get off the screen.
To be sure I am not missing something, I have recreated a simple zone from scratch in a void project.

Code: Select all

setup: function( gamedatas )
    console.log( "Starting game setup" );
    // Create a zone for holding cards with dimensions 182px x 128px
    var zone = new ebg.zone();
    zone.create(this, 'game_play_area', 182, 128);
    // Put 5 div blocks representing the cards in the zone
    var n = 5;
    for (var i=0; i<n; i++) {
        dojo.place("<div id='card_" + i + "' style='background-color:blue;width:182px;height:128px'>" + i + "</div>", dojo.body());
        zone.placeInZone('card_' + i, i);
    // Setup game notifications to handle (see "setupNotifications" method below)

    console.log( "Ending game setup" );

Still the same problem: the zone does not adapt when there is not enough space for 5 objects.

According to documentation about Zone:
'grid' (objects will be put on lines from top left to bottom right, wrapping when there is not enough space left on the line)

Do you have any ideas about what I miss?

Thanks a lot for your help.

11/05/2017 5 comments

Application loading ... ...
THANK YOU : You are one of our most loyal players!
Get the best from Board Game Arena for only €2 / month.