https://en.doc.boardgamearena.com/api.php?action=feedcontributions&user=Dhau&feedformat=atomBoard Game Arena - User contributions [en]2024-03-28T09:08:59ZUser contributionsMediaWiki 1.39.0https://en.doc.boardgamearena.com/index.php?title=Tools_and_tips_of_BGA_Studio&diff=2936Tools and tips of BGA Studio2018-03-19T05:48:22Z<p>Dhau: /* Desktop and Web Tools */</p>
<hr />
<div>== Server Tools and Tips ==<br />
=== Starting a game in one click ===<br />
<br />
To start a game:<br />
* Create a new table with your game.<br />
* If you want to play a game with 3 players, specify that you want a maximum of 3 players at this table.<br />
* Click on "Express Start".<br />
<br />
=== Stopping a game in one click ===<br />
<br />
* Click on the "quit" icon on the top right of the screen.<br />
* Click on "Express Stop".<br />
<br />
=== Switching between users ===<br />
<br />
When running a game on Studio, you can use the little red arrow near each player's name to open a new tab with this player's perspective.<br />
<br />
=== Access to game database and Logs ===<br />
<br />
At the bottom of the game area, there is section without a title containing 3 useful links:<br />
<br />
Go to game database • BGA request&SQL logs • BGA unexpected exceptions logs<br />
<br />
* "Go to game database" link is an immediate access to the PhpMyAdmin tool to view/edit the tables of the current game<br />
* BGA request&SQL logs - link to your studio PHP log - all tables, all severities. Anything you print using debugging and tracing functions from PHP and some framework logs<br />
* BGA unexpected exceptions logs - same log as above but only severity warning and higher<br />
<br />
See [[Practical debugging]] for more info about it.<br />
<br />
=== Save & restore state ===<br />
<br />
Using links of this section, you can save the complete current (database) state of your game, then restore it later.<br />
<br />
This is particularly useful when you want to develop a part of the game that is difficult to reproduce: you just have to save the situation just before, and then restore it until this part works fine.<br />
<br />
We provide you 3 "slots": 1, 2 and 3. This way, you can save 3 different game situations.<br />
<br />
Limits:<br />
* the "restore" function does not work anymore when the game is over.<br />
* a saved situation from a given table cannot be restored in another table.<br />
* when you "restore" a situation, the current browser page is refreshed to reflect the updated game situation, but you have to refresh you other tabs/pages manually.<br />
<br />
=== Input/Output debugging section ===<br />
<br />
This section shows you:<br />
* The AJAX calls made by your game interface to the game server. AJAX calls (outputs) begins with ">"<br />
* The notifications received by your game interface. Notifications (inputs) begins with "<".<br />
<br />
Note: if you click on some notification title, you can resend it immediately to the user interface.<br />
<br />
<br />
=== Run PHP functions from the chat ===<br />
<br />
On BGA Studio, you can directly run a PHP method from the table chat.<br />
<br />
For example, if on your PHP you have this method:<br />
<br />
function giveMoneyToPlayer($player_id, $amount) { ... }<br />
<br />
You can call this method directly from the chat like this: <br />
<br />
giveMoneyToPlayer(2564,2)<br />
<br />
Note: this is not a real php statement, you cannot use self::, you cannot use ";" at the end and you cannot use quotes,<br />
if you need to pass a string skip the quotes, like this<br />
<br />
giveToActivePlayer(money,2)<br />
<br />
=== Stopping Hanging Game ===<br />
<br />
If game is hanging and you cannot enter it to stop you can type this URL (replace 12345 with your table number),<br />
which should bring you to a place where you can stop it without entering:<br />
<br />
<nowiki>http://en.studio.boardgamearena.com/#!table?table=12345</nowiki><br />
<br />
<br />
== Desktop and Web Tools ==<br />
=== Code Editors and IDEs ===<br />
==== Eclipse For PHP Developers ====<br />
<br />
Eclipse PHP package can be starting point for development you need. You may also want to <br />
install Tern JS plugins to understand dojo style JS. All desktops.<br />
https://projects.eclipse.org/projects/tools.pdt<br />
<br />
==== Visual Studio Code ====<br />
<br />
Microsoft Visual Studio Code is light weight IDE/Editor. All desktops.<br />
https://code.visualstudio.com<br />
<br />
==== Gedit (Ubuntu) ====<br />
'''Edit TPL'''<br />
To edit TPL with HTML code highlightings in Gedit under Ubuntu:<br />
<br />
find gtksourceview directory in /usr/share, depending on your version (2.0, 3.0,...).<br />
<br><br />
Here it's 3.0, then type in a terminal window:<br />
<pre><br />
sudo gedit /usr/share/gtksourceview-3.0/language-specs/html.lang<br />
</pre><br />
<br />
then find 'globs' section, and change:<br />
<br />
<pre><br />
<property name="globs">*.html;*.htm;*.tpl</property><br />
</pre><br />
<br />
=== File Sync ===<br />
<br />
==== File Sync on Windows ====<br />
<br />
Install [http://winscp.net/ WinSCP]. Map a remote directory to a local one and enable continuous sync (one way). You need SFTP password you get when you registered dev account.<br />
<br />
==== File Sync on Linux ====<br />
<br />
* Option 1 - Nautilus (file manager)<br />
You can just use Nautilus "connect to a server" function with URL sftp://1.studio.boardgamearena.com<br />
Then you'll get a mounted local folder mapping your studio folder and you can use any editor you like without further need for sync. Downside - if connection goes down you cannot work on source code, no local copy.<br />
<br />
* Option 2 - sftp and rsync<br />
<br />
<pre><br />
<br />
#!/bin/bash<br />
BASEDIR=`dirname $0`<br />
REMOTE=$BASEDIR/remote<br />
LOCAL=$BASEDIR/workspace<br />
GAME=mygamenamehere<br />
<br />
#mount remote<br />
fusermount -u $REMOTE #this unmounts dir<br />
echo LongDevPassword | sshfs -o password_stdin myusernamehere@1.studio.boardgamearena.com: $REMOTE<br />
<br />
<br />
#this starts auto-sync from local to remote mount<br />
killall lsyncd<br />
lsyncd -delay 1 -rsync $LOCAL/$GAME/ $REMOTE/$GAME<br />
<br />
</pre><br />
<br />
This can be able run on startup, so you don't have to do anything manually. However sshfs is not very stable you<br />
have to kill and restart it sometimes. And remote goes away sometimes due to connection issues with studio. <br />
In this case its handy to have a local copy, which is what lsyncd for.<br />
<br />
You can also sync on demand (from a build script or editor command) using<br />
rsync -vlrt $LOCAL/$GAME/ $REMOTE/$GAME<br />
<br />
=== Debuggers ===<br />
<br />
Browser is the best tool for JS/HTML5 debugging, see [[Practical debugging]] for details.<br />
<br />
=== Version Control ===<br />
Studio providers svn for you code on server, there are some limited abilities there to see history and restore. I recommend to keep your code in another repository. I suggest to use git with local repo, which you can sync to cloud or backup.<br />
Other option is to host source code on github, if you do use this convention github.com/<yourname>/bga-<yourgame>. In such case make sure you don't post high-res publisher graphics only web resources, and post a separate license for graphics files.<br />
<br />
=== PHP CLI ===<br />
Its handy to have php cli (command line) tools install to run php locally, so you can test some stuff without deployment cycle, or create some scripts that generate code or markup.<br />
<br />
=== Image Manipulation ===<br />
==== ImageMagick ====<br />
Handy set of image manipulation '''command line''' tools, useful to for example to stitch together bunch of images and re-size, to use as sprite (in Stock component for example). I.e. you got a graphics file from publisher where every tile is 600x600 PNG file in separate file. You want .jpg instead of .png to make it not like 20Mb, and combine all images in one column and re-size to 128x128:<br />
<br />
(Linux example)<br />
/usr/bin/montage `ls Tiles*.png` -tile 1 -geometry 128x128+0+0 out/tiles128.jpg<br />
<br />
https://www.imagemagick.org/script/download.php<br />
<br />
==== Gimp ====<br />
<br />
GUI tool, very complex but will do ALL what you possibly need to do with game graphics<br />
<br />
https://www.gimp.org/<br />
<br />
==== Shrinking ====<br />
<br />
Shrink images without loss of quality https://tinypng.com/ or http://www.iloveimg.com/ <br />
<br />
==== PDF Scrabber ====<br />
<br />
PDF Scraper - extract images from PDF file (i.e. game rulebook) - http://www.extractpdf.com/<br />
<br />
==== BGA Workbench ====<br />
<br />
PHP library providing tools to help manage BGA Studio projects including deployment and test utilities. https://github.com/danielholmes/bga-workbench<br />
<br />
== Client Tips ==<br />
<br />
=== Speed up game re-loading by disabling Input/Output debug section ===<br />
<br />
Development UI have few sections for debugging only, such as 'Input/Output debugging section'. Loading this data will significantly slow down<br />
your reload. I did some profiling and my reloading (i.e. F5) took 14 seconds, 12 of which it was dealing with loading this section. <br />
If you not using it you can disable it. In your JavaScript code, in the begging of 'setup' method add this code<br />
<br />
dojo.destroy('debug_output');<br />
<br />
That should get rid of this section and overhead associated with loading it (it may have some other side-effects, I have not explored all of them)<br />
<br />
=== Speed up CSS development and layout ===<br />
<br />
Syncing files to server and refreshing is relative fast but still can take up to 20 seconds which is annoying.<br />
If you working<br />
a lot on css/images/layout you can speed it up by coping html in some state of the game to your local folder.<br />
I.e. in your project folder create directory misc/ and save your html as misc/test.html and changing path to css to load from local disk (and it will load your images to from local disk as well). <br />
I.e. find something like<br />
<br />
<link rel="stylesheet" type="text/css" href="http://1.studio.boardgamearena.com:8081/data/themereleases/151226-1240/games/mygame/999999-9999/mygame.css"/><br />
<br />
and replace with<br />
<link rel="stylesheet" type="text/css" href="../mygame.css"/><br />
<br />
You project structure will look like this<br />
<br />
mygame<br />
img/ <-- your images<br />
mygame.css <-- your original css<br />
...<br />
misc/<br />
test.html <-- your test html<br />
<br />
It is a bit tricky to save html exact state, if you do save as it also pulls all resources sometimes.</div>Dhauhttps://en.doc.boardgamearena.com/index.php?title=BGA_Code_Sharing&diff=2935BGA Code Sharing2018-03-19T05:31:51Z<p>Dhau: /* Other useful resources */</p>
<hr />
<div>This page is for listing of externally hosted bga projects, tools and resources, as well as internal project<br />
intended for sharing<br />
<br />
== Projects hosted not in studio ==<br />
<br />
See the table a link and nickname of the developer on bga (same as used for dev forum), and short description<br />
<br />
'''Important notice about artwork on BGA Open Source projects: original hi-resolution images from publishers must not be published on the repositories. In addition, this is better to specify that the images derivated from publishers artwork are copyrighted and cannot be licensed under a free license like Creative Commons.<br />
'''<br />
<br />
{| class="wikitable"<br />
|-<br />
! NAME<br />
! CODE LINK<br />
! DEVELOPER<br />
|-<br />
| Shared Code (not a game)<br />
| https://github.com/elaskavaia/bga-sharedcode<br />
| Victoria_La<br />
|-<br />
| BoardGameArena Workbench (not a game)<br />
| https://github.com/danielholmes/bga-workbench<br />
| Daniel Holmes (dhau)<br />
|-<br />
| Eruption<br />
| https://github.com/AndyKerrison/bga-eruption<br />
| Andy_K<br />
|-<br />
| Nile<br />
| https://github.com/AndyKerrison/bga-nile<br />
| Andy_K<br />
|-<br />
| Assyria <br />
| https://github.com/sebastien-prudhomme/bga-assyria<br />
| daikinee <br />
|-<br />
| Florenza: The Card Game<br />
| https://github.com/alberto-bottarini/bga-florenza<br />
| tarini <br />
|-<br />
| Incan Gold<br />
| https://github.com/AntonioSoler/bga-incangold<br />
| Morgalad <br />
|-<br />
| Marco Polo<br />
| https://github.com/rcitaliano/MarcoPolo<br />
| rcitaliano<br />
|-<br />
| Bonbons<br />
| https://github.com/AntonioSoler/bga-bonbons<br />
| Morgalad <br />
|-<br />
| Takara Island<br />
| https://github.com/AntonioSoler/bga-takaraisland<br />
| Morgalad<br />
|-<br />
| Noir: Killer vs Inspector<br />
| https://bitbucket.org/chhuang76/bga_noirkvi<br />
| ch huang<br />
|-<br />
| Hearts (Tutorial)<br />
| https://github.com/elaskavaia/bga-heartsla<br />
| Victoria_La<br />
|-<br />
| The Battle for Hill 218<br />
| https://github.com/danielholmes/battle-for-hill-218<br />
| Daniel Holmes (dhau)<br />
|-<br />
| Coup: City State<br />
| https://github.com/quietmint/bga-coupcitystate<br />
| quietmint<br />
|-<br />
| Tablut<br />
| https://github.com/Lucas-C/tablut<br />
| Lucas-C & ntaffore<br />
|}<br />
<br />
== Projects on studio ==<br />
<br />
Links to studio project which owner wish share as read only.<br />
Project owner please add you project here, dev nickname and short description if you would like to share it.<br />
For the projects below any developer can add themselves to a project as read-only from http://en.studio.boardgamearena.com/#!projects page.<br />
<br />
{| class="wikitable"<br />
|-<br />
! NAME<br />
! CODE LINK<br />
! DEVELOPER<br />
|-<br />
| Shared Code<br />
| http://en.studio.boardgamearena.com/#!studiogame?game=sharedcode<br />
| Victoria_La<br />
|-<br />
| Original BGA template<br />
| http://en.studio.boardgamearena.com/#!studiogame?game=template<br />
| Victoria_La<br />
|-<br />
|}<br />
<br />
== Other useful resources ==<br />
<br />
* Archive of tutorial projects https://www.dropbox.com/s/rsd5r4v49xudpp0/Studio.zip?dl=0<br />
** Note: Hearts project is corrupted there, use Hearts tutorial project above<br />
* Website with bunch of textures and sounds http://www.grsites.com/archive/textures/<br />
* Shrink images without loss of quality https://tinypng.com/ or http://www.iloveimg.com/ (recommended by Gregory Isabelli)<br />
* CSS shapes https://css-tricks.com/examples/ShapesOfCSS/<br />
* PDF Scraper - extract images - http://www.extractpdf.com/<br />
* BoardGameArena Workbench - set of tools to help test and deploy BGA projects - https://github.com/danielholmes/bga-workbench</div>Dhauhttps://en.doc.boardgamearena.com/index.php?title=BGA_Code_Sharing&diff=2934BGA Code Sharing2018-03-19T05:31:05Z<p>Dhau: /* Projects hosted not in studio */</p>
<hr />
<div>This page is for listing of externally hosted bga projects, tools and resources, as well as internal project<br />
intended for sharing<br />
<br />
== Projects hosted not in studio ==<br />
<br />
See the table a link and nickname of the developer on bga (same as used for dev forum), and short description<br />
<br />
'''Important notice about artwork on BGA Open Source projects: original hi-resolution images from publishers must not be published on the repositories. In addition, this is better to specify that the images derivated from publishers artwork are copyrighted and cannot be licensed under a free license like Creative Commons.<br />
'''<br />
<br />
{| class="wikitable"<br />
|-<br />
! NAME<br />
! CODE LINK<br />
! DEVELOPER<br />
|-<br />
| Shared Code (not a game)<br />
| https://github.com/elaskavaia/bga-sharedcode<br />
| Victoria_La<br />
|-<br />
| BoardGameArena Workbench (not a game)<br />
| https://github.com/danielholmes/bga-workbench<br />
| Daniel Holmes (dhau)<br />
|-<br />
| Eruption<br />
| https://github.com/AndyKerrison/bga-eruption<br />
| Andy_K<br />
|-<br />
| Nile<br />
| https://github.com/AndyKerrison/bga-nile<br />
| Andy_K<br />
|-<br />
| Assyria <br />
| https://github.com/sebastien-prudhomme/bga-assyria<br />
| daikinee <br />
|-<br />
| Florenza: The Card Game<br />
| https://github.com/alberto-bottarini/bga-florenza<br />
| tarini <br />
|-<br />
| Incan Gold<br />
| https://github.com/AntonioSoler/bga-incangold<br />
| Morgalad <br />
|-<br />
| Marco Polo<br />
| https://github.com/rcitaliano/MarcoPolo<br />
| rcitaliano<br />
|-<br />
| Bonbons<br />
| https://github.com/AntonioSoler/bga-bonbons<br />
| Morgalad <br />
|-<br />
| Takara Island<br />
| https://github.com/AntonioSoler/bga-takaraisland<br />
| Morgalad<br />
|-<br />
| Noir: Killer vs Inspector<br />
| https://bitbucket.org/chhuang76/bga_noirkvi<br />
| ch huang<br />
|-<br />
| Hearts (Tutorial)<br />
| https://github.com/elaskavaia/bga-heartsla<br />
| Victoria_La<br />
|-<br />
| The Battle for Hill 218<br />
| https://github.com/danielholmes/battle-for-hill-218<br />
| Daniel Holmes (dhau)<br />
|-<br />
| Coup: City State<br />
| https://github.com/quietmint/bga-coupcitystate<br />
| quietmint<br />
|-<br />
| Tablut<br />
| https://github.com/Lucas-C/tablut<br />
| Lucas-C & ntaffore<br />
|}<br />
<br />
== Projects on studio ==<br />
<br />
Links to studio project which owner wish share as read only.<br />
Project owner please add you project here, dev nickname and short description if you would like to share it.<br />
For the projects below any developer can add themselves to a project as read-only from http://en.studio.boardgamearena.com/#!projects page.<br />
<br />
{| class="wikitable"<br />
|-<br />
! NAME<br />
! CODE LINK<br />
! DEVELOPER<br />
|-<br />
| Shared Code<br />
| http://en.studio.boardgamearena.com/#!studiogame?game=sharedcode<br />
| Victoria_La<br />
|-<br />
| Original BGA template<br />
| http://en.studio.boardgamearena.com/#!studiogame?game=template<br />
| Victoria_La<br />
|-<br />
|}<br />
<br />
== Other useful resources ==<br />
<br />
* Archive of tutorial projects https://www.dropbox.com/s/rsd5r4v49xudpp0/Studio.zip?dl=0<br />
** Note: Hearts project is corrupted there, use Hearts tutorial project above<br />
* Website with bunch of textures and sounds http://www.grsites.com/archive/textures/<br />
* Shrink images without loss of quality https://tinypng.com/ or http://www.iloveimg.com/ (recommended by Gregory Isabelli)<br />
* CSS shapes https://css-tricks.com/examples/ShapesOfCSS/<br />
* PDF Scraper - extract images - http://www.extractpdf.com/</div>Dhauhttps://en.doc.boardgamearena.com/index.php?title=Game_art:_img_directory&diff=2754Game art: img directory2017-11-12T22:19:10Z<p>Dhau: /* Requested images */</p>
<hr />
<div>== Requested images ==<br />
<br />
The following images are requested by BGA:<br />
<br />
;game_box.png<br />
* It is displayed on the main site on the game description page and when creating a table (280x280 px).<br />
* It should be a 3D image of a physical copy of the game box as it appears in an online shop.<br />
* It is better to take the version of the game that is coherent with the game art used in the adaptation, and from the original publisher of the game.<br />
* The background of the image must be transparent.<br />
* If you don't have a 3D version of the game box, you can use the following website to create one: http://www.3d-pack.com/<br />
<br />
;game_box180.png<br />
;game_box75.png<br />
<br />
* Don't modify these images, they are auto generated by "Reload game box image" action. If you have another copy of your source make sure you update you copy of these files after they have been generated and not override with old copied.<br />
<br />
;game_icon.png<br />
<br />
* It is the icon displayed in the lists of games and tables (50x50 px).<br />
* This one should not be transparent, and shouldn't have a border (a black border will be add by BGA).<br />
* The objective of this icon is to make the game recognizable among the other games. A good idea is to take a part of the game cover that is distinctive (ex: the game title).<br />
<br />
;publisher.png<br />
* It is the logo of the publisher of the game, displayed on the game description page.<br />
* The width must be 150 px. The height can be anything. The image could be transparent.<br />
<br />
;publisher2.png (optional)<br />
* If the game has been co-published by 2 publishers, you should upload a second image named "publisher2.png" (same characteristics as the first one).<br />
<br />
<br />
<br />
'''Important''': when you modify these images, you MUST click on "Reload game box image" from the Control Panel in order your update can be taken into account.<br />
<br />
== Game art ==<br />
<br />
You must upload in img directory all images of your game interface.<br />
<br />
=== Images loading ===<br />
<br />
'''Be careful''': by default, ALL images of your img directory are loaded on a player's browser when he loads the game. For this reason, don't let in your img directory images that are not useful, otherwise it's going to slowdown the game load.<br />
<br />
Note that you can tune the way images are loaded with Javascript method "dontPreloadImage" (see [[Game_interface_logic:_yourgamename.js|Game Interface Logic]]).<br />
<br />
General recommendation it to have no more than dozen of image files, 2Mb max each. However if there is heavy game resources specific to a player (i.e. player board of specific color or set of cards) it is better to separate them and "don't pre-load" since in any given game only some of them will be used.<br />
<br />
=== Images format ===<br />
<br />
You can use 3 image format while building your game interface:<br />
;jpg images<br />
<br />
should be used for non-transparent images. Jpg are usually lighter than Pngs, so please choose Jpg for big pictures (ex: game board, cards) when you don't need transparency to accelerate game load.<br />
<br />
;png images<br />
<br />
should be used for transparent images.<br />
<br />
;gif images<br />
<br />
can be used for animated images. This is not recommended to use gif animated images as they can upset players, but for some specific interface element this could be useful.<br />
<br />
=== Use CSS Sprites ===<br />
<br />
To limit the number of images load and make the game load faster, you must use CSS sprites, ie you must gather several images in a single one.<br />
<br />
To learn more on CSS Sprites:<br />
* [http://www.w3schools.com/css/css_image_sprites.asp CSS sprites (W3C documentation)].<br />
* [[Game interface stylesheet: yourgamename.css]]<br />
<br />
=== Shrink images ===<br />
<br />
If you get high resolution images from publisher you need to shrink them since web display requires much lower resolution than printing.<br />
<br />
* Shrink images without loss of quality https://tinypng.com/ or http://www.iloveimg.com/<br />
<br />
== Image Manipulation Tools ==<br />
<br />
You have no choice but to use one of the image manipulating tools to create a successful game adaptation, you would have to<br />
deal with<br />
* Converting to supported formats<br />
* Adding transparency <br />
* Stitching<br />
* Shrinking with no quality loss<br />
* Resizing<br />
<br />
For that you need a good tools, recommended tools (if you know more add them here)<br />
* Gimp (linux) - general GUI image editor<br />
* Paint.net (Windows) - general GUI image editor<br />
* ImageMagic (linux) - command line image editor, great for mass manipulations and scripting</div>Dhauhttps://en.doc.boardgamearena.com/index.php?title=BGA_Code_Sharing&diff=2747BGA Code Sharing2017-11-05T00:24:51Z<p>Dhau: /* Projects hosted not in studio */</p>
<hr />
<div>This page is for listing of externally hosted bga projects, tools and resources, as well as internal project<br />
intended for sharing<br />
<br />
== Projects hosted not in studio ==<br />
<br />
See the table a link and nickname of the developer on bga (same as used for dev forum), and short description<br />
<br />
'''Important notice about artwork on BGA Open Source projects: original hi-resolution images from publishers must not be published on the repositories. In addition, this is better to specify that the images derivated from publishers artwork are copyrighted and cannot be licensed under a free license like Creative Commons.<br />
'''<br />
<br />
{| class="wikitable"<br />
|-<br />
! NAME<br />
! CODE LINK<br />
! DEVELOPER<br />
|-<br />
| Shared Code (not a game)<br />
| https://github.com/elaskavaia/bga-sharedcode<br />
| Victoria_La<br />
|-<br />
| Eruption<br />
| https://github.com/AndyKerrison/bga-eruption<br />
| Andy_K<br />
|-<br />
| Nile<br />
| https://github.com/AndyKerrison/bga-nile<br />
| Andy_K<br />
|-<br />
| Assyria <br />
| https://github.com/sebastien-prudhomme/bga-assyria<br />
| daikinee <br />
|-<br />
| Florenza: The Card Game<br />
| https://github.com/alberto-bottarini/bga-florenza<br />
| tarini <br />
|-<br />
| Incan Gold<br />
| https://github.com/AntonioSoler/bga-incangold<br />
| Morgalad <br />
|-<br />
| Marco Polo<br />
| https://github.com/rcitaliano/MarcoPolo<br />
| rcitaliano<br />
|-<br />
| Bonbons<br />
| https://github.com/AntonioSoler/bga-bonbons<br />
| Morgalad <br />
|-<br />
| Takara Island<br />
| https://github.com/AntonioSoler/bga-takaraisland<br />
| Morgalad<br />
|-<br />
| Noir: Killer vs Inspector<br />
| https://bitbucket.org/chhuang76/bga_noirkvi<br />
| ch huang<br />
|-<br />
| Hearts (Tutorial)<br />
| https://github.com/elaskavaia/bga-heartsla<br />
| Victoria_La<br />
|-<br />
| The Battle for Hill 218<br />
| https://github.com/danielholmes/battle-for-hill-218<br />
| Daniel Holmes (dhau)<br />
|}<br />
<br />
== Projects on studio ==<br />
<br />
Links to studio project which owner wish share as read only.<br />
Project owner please add you project here, dev nickname and short description if you would like to share it.<br />
For the projects below any developer can add themselves to a project as read-only from http://en.studio.boardgamearena.com/#!projects page.<br />
<br />
{| class="wikitable"<br />
|-<br />
! NAME<br />
! CODE LINK<br />
! DEVELOPER<br />
|-<br />
| Shared Code<br />
| http://en.studio.boardgamearena.com/#!studiogame?game=sharedcode<br />
| Victoria_La<br />
|-<br />
| Original BGA template<br />
| http://en.studio.boardgamearena.com/#!studiogame?game=template<br />
| Victoria_La<br />
|-<br />
|}<br />
<br />
== Other useful resources ==<br />
<br />
* Archive of tutorial projects https://www.dropbox.com/s/rsd5r4v49xudpp0/Studio.zip?dl=0<br />
** Note: Hearts project is corrupted there, use Hearts tutorial project above<br />
* Website with bunch of textures and sounds http://www.grsites.com/archive/textures/<br />
* Shrink images without loss of quality https://tinypng.com/ or http://www.iloveimg.com/ (recommended by Gregory Isabelli)<br />
* CSS shapes https://css-tricks.com/examples/ShapesOfCSS/<br />
* PDF Scraper - extract images - http://www.extractpdf.com/</div>Dhau