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 »
BGA Studio
(for web developers)

• You are a web developer fluent in server side (PHP, SQL) and client side (HTML, Javascript) languages

So this presentation looks easy and fun to you.

• You want full access to the BGA development stack to develop complex games (but we still advise you to start with something simple for your first game!)

Check the documentation and tutorials to get started!

BGA Sandbox
(for everyone)

• You want to set your game material on a virtual table with an easy to use "Powerpoint for Board Games" tool, and play with it immediately

Start the Sandbox and build your interface now!

• You have some development experience allowing you to use a simple scripting language to implement the rules

Check the documentation for scripting the rules!

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

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.


Please remember me

Join the BGA Studio developers 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.


Paid work: Mammalath on BGA

I already posted this in a different forum and was told I might get a better response in this one, so I'll try it.

I recently had my new board game Mammalath published by nestorgames, and I'd like to play it with skillful players from around the world. Here are the rules; artwork (by Néstor Romeral Andrés and Ryan Faley; make sure they get credit for it!) will be provided. My previous game Battle of LITS was programmed for free(!) by a friend, but he didn't express any intention of programming more games afterwards, and due to events I don't care to go into, we've fallen out of contact and he might not even like me anymore, so my odds of getting Mammalath programmed for free are slim. Therefore, I am willing to pay money to make this happen. Shoot me a response to this thread or a PM if interested. I already have one offer, but am willing to entertain other offers as well.
12/10/2019 Comment on this.

Disconnecting Event Handlers

I have been struggling with this for the better part of today. I found the following items here in searching the forums:

1. this.connectClass
2. this.disconnectAll()

I have the following code in my onEnteringState function

CODE: Select all

case 'placeCaballeros':
case 'client_PlayerPlaceCaballeros':
	if( this.placed_meeple == false )
		this.connectClass( '.scoring_board', 'onclick', this.clickPlaceCaballero );
                this.connectClass( '.scoring_board', 'onmouseenter', this.mouseEnter );
                this.connectClass( '.scoring_board', 'onmouseleave', this.mouseLeave );
Then in my onCancelAction button function I perform the following

CODE: Select all

I do have this.connections = [] defined with my other global variables in my constructor and I have examined this array after the disconnectAll() call and it does show that it is empty. My onclick event handler is gone, but the two mouse event handlers are still firing even after the disconnectAll call. Is there something I am doing incorrectly here? How can I get the handers for the 2 mouse events to get disconnected?

12/08/2019 10 comments

policy on unpublished games


I made a game and i would like to publish it on BGA. I can develop the game myself but I want to know if there are any restrictions on what can be published on BGA (beside the author's permission of course).

I ask this because I don't have good images for my cards yet, and I may need to make changes on some rules to have a better balance or to make the game better in general. Could I do those things will the game is on BGA?
12/07/2019 Comment on this.

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