Play board video games on-line!


{NB_PLAYERS_CONNECTED} on-line gamers: {IN_GAME} taking part in • {WAITING} obtainable

In case you see this message, it implies that your browser did not load this file.

It is best to strive the next : verify your connection, disable ad-blocker, clear your browser cache, strive in personal mode, strive from one other browser/pc/connection. board video games on-line!

BGA Studio
(for net builders)

• You’re a net developer fluent in server aspect (PHP, SQL) and shopper aspect (HTML, Javascript) languages

So this presentation seems to be straightforward and enjoyable to you.

• You need full entry to the BGA growth stack to develop complicated video games (however we nonetheless advise you to begin with one thing easy to your first recreation!)

Verify the documentation and tutorials to get began!

What’s BGA Studio?

Getting began

4 slideshare displays to prepare to make use of BGA Studio in half-hour:

Reference Documentation

This web page comes from BGA wiki, and has been written by BGA gamers group. Be happy to edit it!

Bga studio small.jpg

Be aware: Please DO NOT translate Studio Documentation, in order that there might be one place the place you’ll find the most recent data obtainable.


What’s Board Recreation Enviornment Studio?

Board Recreation Enviornment Studio is a platform to construct on-line board recreation diversifications utilizing the Board Recreation Enviornment platform.

It’s open to any gamer with software program growth abilities 🙂

BGA Studio web site:

Unique announcement on BGA discussion board: http://discussion

Uncover BGA Studio in 5 displays

Why, how, what… to begin discovering BGA Studio, we ready 5 “powerpoint” displays for you:

How you can be part of the BGA developer staff?

Please see this web page: How you can be part of BGA developer staff?

Nice, I am in! … How ought to I begin?

In case you did not already, verify the displays on the prime of this web page to get the fundamentals.

Then, you must checkout the First steps with BGA Studio to ensure that runs wonderful.

After that, we strongly advise you to take one in every of these recreation creation tutorials:

  • Tutorial reversi – an summary technique recreation performed on an 8×8 uncheckered board for two gamers
  • Tutorial gomoku – an summary technique recreation tic-tac-toe type for two gamers
  • Tutorial hearts – a card recreation for 4 gamers

Then begin enhancing recordsdata and see what occurs! 😉

When you’re carried out with tutorials, you can begin an actual recreation (or be part of current venture)

If in case you have any questions, please take a look at the Studio FAQ first, then in the event you did not discover the reply you had been in search of, please put up your query on the growth discussion board.

BGA Studio documentation

BGA Studio Framework reference

This a part of the documentation focuses on the event framework itself: capabilities and strategies obtainable to construct your recreation.

File construction of a BGA recreation

Recreation logic (Server aspect)

Recreation interface (Shopper aspect)

Different parts

BGA Studio recreation parts reference

Recreation parts are helpful instruments you should utilize in your recreation diversifications.

  • Deck: a PHP part to handle playing cards (deck, fingers, choosing playing cards, shifting playing cards, shuffle deck, …).
  • Counter: a JS part to handle a counter that may improve/lower (ex: participant’s rating).
  • Scrollmap: a JS part to handle a scrollable recreation space (helpful when the sport space might be infinite. Examples: Saboteur or Takenoko video games).
  • Inventory: a JS part to handle and show a set of recreation parts displayed at a place.
  • Zone: a JS part to handle a zone of the board the place a number of recreation parts can come and go away, however ought to be nicely displayed collectively (See for instance: token’s locations at Cannot Cease).

Undocumented part (if any person is aware of please assist with docs)

  • Draggable: a JS part to handle drag’n’drop actions.
  • ExpandableSection: a JS part to handle an oblong block of HTML than might be displayed/hidden.
  • Wrapper: a JS part to wrap a
    ingredient round its baby, even when these parts are absolute positioned.

BGA Studio consumer information

This a part of the documentation is a consumer information for the BGA Studio on-line growth atmosphere.

Different assets

Growth discussion board

Bug monitoring system

Register now – it is free!


Be part of the BGA Studio builders staff

To start out creating on BGA Studio and get entry to growth atmosphere, that you must create an account under.

Private infos supplied on this kind is NOT proven to anybody however BGA Studio admin, and is NOT used for another goal that BGA Studio group.

E mail

(Have to be legitimate. We could take away accounts from builders we won’t contact.)

Select a BGA Studio username

(3 to twenty characters. No area, no quantity, no particular characters)

Your Board Recreation Enviornment username

(The precise username you’re utilizing on BGA)

First identify

Vital: we want your REAL identify to attribute your work on the Studio & to ship you stuff by Publish when wanted.

Final identify

Vital: we want your REAL identify to attribute your work on the Studio & to ship you stuff by Publish when wanted.

Postal handle

Safety code Please enter the safety code you see

I conform to Phrases&situations for builders of BGA Studio.


bug standing

Is there any description about bug standing in BGA? E.g. notabug, fastened, confirmed is pretty straightforward to grasp, however what’s the distinction between awaiting, open, notconfirmed, acknowledged? It will be good to have quick data in bug discussion board web page about all sorts of states. (and even higher – tooltip whereas hovering over state of bug)

Cube animations and Inventory

Hello There

I used to be questioning if there was a straightforward strategy to combine rolling cube animations and the Inventory part. I am hoping there is a strategy to animate between a number of randomly chosen Inventory sorts earlier than ending at a selected Inventory sort.

I presently use Inventory to carry all of the cube a participant has and Inventory sorts to carry the faces of a cube. Utilizing Inventory is the simplest strategy to management all of this and present the cube pool to the consumer. The one downside I’ve is as soon as I randomly roll the cube, I can not animate it to the consumer.

I’ve seen a lot of nice examples of easy methods to animate cube rolls and card flips utilizing issues like CSS Keyframes and extra. The issue I’ve is linking these roll animations with the animation Inventory makes use of when displaying gadgets to a consumer. board/viewto … ice#p35593 board/viewto … ion#p26198 board/viewto … ard#p35487

The present code for that is clearly fairly straight ahead:

CODE: Choose all

updateDice: operate( new_dice, player_id ) { var hand = this.cube[player_id]; for ( var i in new_dice) { var cube = new_dice[i]; hand.addToStockWithId(cube.dice_slot, cube.dice_id); } }, Any assistance on thsi could be drastically appreciated. I am a developer engaged on the Cube Summoners adaptation.

Eoin Cos

Transfer all card from completely different location again to deck

I’ve a number of areas for playing cards in my deck and I wish to transfer all the cardboard from all the situation again to the deck.
I am fortunate that every one these playing cards are of the identical sort, so this appear to be working nicely

CODE: Choose all

$distributedCards = array_map(operate($card){ return $card[‘id’]; }, $this->maptiles_deck->getCardsOfType( ‘mapTiles’ )); $this->maptiles_deck->moveCards($distributedCards , ‘maptiles_deck’); However for getCardsOfType, it it written within the wiki as “hardly ever use”. Is there a greater means ? Would there be a means if all the cardboard the place of a unique sort ?

Learn extra information


No Sure

THANK YOU : You might be one in every of our most loyal gamers!
Get one of the best from Board Recreation Enviornment for under €2 / month.

Leave a comment