I wish I knew this when I started - Revision history

StrangerCoug: Make the reasoning I added a little more explicit

2026-07-23T15:41:00Z

Make the reasoning I added a little more explicit

← Older revision		Revision as of 17:41, 23 July 2026
Line 16:		Line 16:
	* To spell check all your translatable strings use Project Check from control panel - it will generate all strings, you can cut & paste this in online spell checker (or just use Firefox - it has embedded spell checker).		* To spell check all your translatable strings use Project Check from control panel - it will generate all strings, you can cut & paste this in online spell checker (or just use Firefox - it has embedded spell checker).
	* To remove inline style property from dom node $(token).style.removeProperty("position"); or dojo.style('token', 'position', null);		* To remove inline style property from dom node $(token).style.removeProperty("position"); or dojo.style('token', 'position', null);
	* If you're building a sprite sheet from multiple SVG images, ''import'' all those images into the sheet. (On Inkscape, use Ctrl+I.) Copying and pasting SVG images into the sheet does not always ~~work~~ correctly.		* If you're building a sprite sheet from multiple SVG images, ''import'' all those images into the sheet. (On Inkscape, use Ctrl+I.) Copying and pasting SVG images into the sheet does not always preserve the image correctly.


	[[Category:Studio]]		[[Category:Studio]]

StrangerCoug: Add advice for making a sprite sheet from multiple SVG images

2026-07-23T15:27:30Z

Add advice for making a sprite sheet from multiple SVG images

← Older revision		Revision as of 17:27, 23 July 2026
Line 16:		Line 16:
	* To spell check all your translatable strings use Project Check from control panel - it will generate all strings, you can cut & paste this in online spell checker (or just use Firefox - it has embedded spell checker).		* To spell check all your translatable strings use Project Check from control panel - it will generate all strings, you can cut & paste this in online spell checker (or just use Firefox - it has embedded spell checker).
	* To remove inline style property from dom node $(token).style.removeProperty("position"); or dojo.style('token', 'position', null);		* To remove inline style property from dom node $(token).style.removeProperty("position"); or dojo.style('token', 'position', null);
			* If you're building a sprite sheet from multiple SVG images, ''import'' all those images into the sheet. (On Inkscape, use Ctrl+I.) Copying and pasting SVG images into the sheet does not always work correctly.


	[[Category:Studio]]		[[Category:Studio]]

Thoun at 09:26, 12 March 2026

2026-03-12T09:26:40Z

← Older revision		Revision as of 11:26, 12 March 2026
Line 5:		Line 5:
	* Browser has powerful embeded dev tools for inspection of dom, css and js, you can debug js right in browser (F12)		* Browser has powerful embeded dev tools for inspection of dom, css and js, you can debug js right in browser (F12)
	* You don't have to login with another dev account to play test the game under development, little colored arrows on studio player panel switch between test accounts		* You don't have to login with another dev account to play test the game under development, little colored arrows on studio player panel switch between test accounts
	* You can run PHP functions from ~~chat~~		* You can run PHP functions from debug menu if they are prefixed with <code>debug_</code>
	* You can change style of elements (css) depending on their parent, sibling or other properties of the element		* You can change style of elements (css) depending on their parent, sibling or other properties of the element
	* You cannot save php state in global variables between actions, all data has to be stored in db		* You cannot save php state in global variables between actions, all data has to be stored in db

Thoun at 10:26, 13 February 2026

2026-02-13T10:26:13Z

← Older revision		Revision as of 12:26, 13 February 2026
Line 8:		Line 8:
	* You can change style of elements (css) depending on their parent, sibling or other properties of the element		* You can change style of elements (css) depending on their parent, sibling or other properties of the element
	* You cannot save php state in global variables between actions, all data has to be stored in db		* You cannot save php state in global variables between actions, all data has to be stored in db
	* Ajax actions in BGA do not use the traditional request-response model of a normal application. The ajax response does not contain any payload and instead you must send a notification ($this->notify->all) to communicate the response to appropriate players.		* Ajax actions in BGA do not use the traditional request-response model of a normal application. The ajax response does not contain any payload and instead you must send a notification ($this->bga->notify->all) to communicate the response to appropriate players.
	* Almost every change you make to the game via sending notifications must also be included in getAllDatas (e.g., in case a player loads/refreshes the game during the middle of play).		* Almost every change you make to the game via sending notifications must also be included in getAllDatas (e.g., in case a player loads/refreshes the game during the middle of play).
	* You can easily scale elements by using "em" as unit for width/height and varying font-size, i.e. .meeple {width: 2em;height: 2.5em;font-size: 20px;}		* You can easily scale elements by using "em" as unit for width/height and varying font-size, i.e. .meeple {width: 2em;height: 2.5em;font-size: 20px;}

Vagabond: Update browser console access for module-based games

2026-02-01T14:57:39Z

Update browser console access for module-based games

← Older revision		Revision as of 16:57, 1 February 2026
Line 11:		Line 11:
	* Almost every change you make to the game via sending notifications must also be included in getAllDatas (e.g., in case a player loads/refreshes the game during the middle of play).		* Almost every change you make to the game via sending notifications must also be included in getAllDatas (e.g., in case a player loads/refreshes the game during the middle of play).
	* You can easily scale elements by using "em" as unit for width/height and varying font-size, i.e. .meeple {width: 2em;height: 2.5em;font-size: 20px;}		* You can easily scale elements by using "em" as unit for width/height and varying font-size, i.e. .meeple {width: 2em;height: 2.5em;font-size: 20px;}
	* You can access your javascript methods / properties in the browser console using '''''gameui.<yourMethod>'''''		* You can access your javascript methods / properties in the browser console using '''''gameui.GameModule.<yourMethod>''''' (or '''''gameui.<yourMethod>''''' for older games not using JS modules, i.e. not using <code>modules/js/Game.js</code>)
	* To interactively debug JS issues you can put '''''debugger;''''' statement in your code, enable dev tools (F12) and reload. It will hit breakpoint.		* To interactively debug JS issues you can put '''''debugger;''''' statement in your code, enable dev tools (F12) and reload. It will hit breakpoint.
	* To quickly try a fix you can edit css, js and html directly in browser dev tool window, no reload required (just don't forget to copy it back to your code after)		* To quickly try a fix you can edit css, js and html directly in browser dev tool window, no reload required (just don't forget to copy it back to your code after)

Thoun at 16:41, 13 January 2025

2025-01-13T16:41:06Z

← Older revision		Revision as of 18:41, 13 January 2025
Line 8:		Line 8:
	* You can change style of elements (css) depending on their parent, sibling or other properties of the element		* You can change style of elements (css) depending on their parent, sibling or other properties of the element
	* You cannot save php state in global variables between actions, all data has to be stored in db		* You cannot save php state in global variables between actions, all data has to be stored in db
	* Ajax actions in BGA do not use the traditional request-response model of a normal application. The ajax response does not contain any payload and instead you must send a notification (~~self::notifyAllPlayers~~) to communicate the response to appropriate players.		* Ajax actions in BGA do not use the traditional request-response model of a normal application. The ajax response does not contain any payload and instead you must send a notification ($this->notify->all) to communicate the response to appropriate players.
	* Almost every change you make to the game via sending notifications must also be included in getAllDatas (e.g., in case a player loads/refreshes the game during the middle of play).		* Almost every change you make to the game via sending notifications must also be included in getAllDatas (e.g., in case a player loads/refreshes the game during the middle of play).
	* You can easily scale elements by using "em" as unit for width/height and varying font-size, i.e. .meeple {width: 2em;height: 2.5em;font-size: 20px;}		* You can easily scale elements by using "em" as unit for width/height and varying font-size, i.e. .meeple {width: 2em;height: 2.5em;font-size: 20px;}

Victoria La at 01:16, 12 May 2024

2024-05-12T01:16:37Z

← Older revision		Revision as of 03:16, 12 May 2024
Line 1:		Line 1:
	This page contains most "I wish I knew this before..." ~~momentics~~ (in regards to BGA studio game development). One line per statement please with doc references. Docs link can be outside of BGA wiki.		This page contains most "I wish I knew this before..." moments (in regards to BGA studio game development). One line per statement please with doc references. Docs link can be outside of BGA wiki.
	Most of this is already documented on BGA wiki in details, search wiki or google for generic subject to find more info.		Most of this is already documented on BGA wiki in details, search wiki or google for generic subject to find more info.

Leocaseiro at 01:18, 17 May 2022

2022-05-17T01:18:56Z

← Older revision		Revision as of 03:18, 17 May 2022
Line 16:		Line 16:
	* To spell check all your translatable strings use Project Check from control panel - it will generate all strings, you can cut & paste this in online spell checker (or just use Firefox - it has embedded spell checker).		* To spell check all your translatable strings use Project Check from control panel - it will generate all strings, you can cut & paste this in online spell checker (or just use Firefox - it has embedded spell checker).
	* To remove inline style property from dom node $(token).style.removeProperty("position"); or dojo.style('token', 'position', null);		* To remove inline style property from dom node $(token).style.removeProperty("position"); or dojo.style('token', 'position', null);


			[[Category:Studio]]

Leocaseiro: fix typo for width

2022-04-25T08:41:18Z

fix typo for width

← Older revision		Revision as of 10:41, 25 April 2022
Line 10:		Line 10:
	* Ajax actions in BGA do not use the traditional request-response model of a normal application. The ajax response does not contain any payload and instead you must send a notification (self::notifyAllPlayers) to communicate the response to appropriate players.		* Ajax actions in BGA do not use the traditional request-response model of a normal application. The ajax response does not contain any payload and instead you must send a notification (self::notifyAllPlayers) to communicate the response to appropriate players.
	* Almost every change you make to the game via sending notifications must also be included in getAllDatas (e.g., in case a player loads/refreshes the game during the middle of play).		* Almost every change you make to the game via sending notifications must also be included in getAllDatas (e.g., in case a player loads/refreshes the game during the middle of play).
	* You can easily scale elements by using "em" as unit for ~~wight~~/height and varying font-size, i.e. .meeple {width: 2em;height: 2.5em;font-size: 20px;}		* You can easily scale elements by using "em" as unit for width/height and varying font-size, i.e. .meeple {width: 2em;height: 2.5em;font-size: 20px;}
	* You can access your javascript methods / properties in the browser console using '''''gameui.<yourMethod>'''''		* You can access your javascript methods / properties in the browser console using '''''gameui.<yourMethod>'''''
	* To interactively debug JS issues you can put '''''debugger;''''' statement in your code, enable dev tools (F12) and reload. It will hit breakpoint.		* To interactively debug JS issues you can put '''''debugger;''''' statement in your code, enable dev tools (F12) and reload. It will hit breakpoint.

Thenmal at 22:34, 1 December 2021

2021-12-01T22:34:45Z

← Older revision		Revision as of 00:34, 2 December 2021
Line 15:		Line 15:
	* To quickly try a fix you can edit css, js and html directly in browser dev tool window, no reload required (just don't forget to copy it back to your code after)		* To quickly try a fix you can edit css, js and html directly in browser dev tool window, no reload required (just don't forget to copy it back to your code after)
	* To spell check all your translatable strings use Project Check from control panel - it will generate all strings, you can cut & paste this in online spell checker (or just use Firefox - it has embedded spell checker).		* To spell check all your translatable strings use Project Check from control panel - it will generate all strings, you can cut & paste this in online spell checker (or just use Firefox - it has embedded spell checker).
	* To remove inline style property from dom node $(token).style.removeProperty("position"); ~~// still don~~'~~t know how to do this in dojo~~		* To remove inline style property from dom node $(token).style.removeProperty("position"); or dojo.style('token', 'position', null);