Tutorial hearts - Revision history

Thoun at 08:42, 9 September 2026

2026-09-09T08:42:31Z

← Older revision		Revision as of 10:42, 9 September 2026
Line 34:		Line 34:
	If you have not already, you have to create a project in BGA Studio. For this tutorial you can create a project heartsYOURNAME where		If you have not already, you have to create a project in BGA Studio. For this tutorial you can create a project heartsYOURNAME where
	YOURNAME is your developer login name (or shorter version of thereof). You can also re-use the project you have created for the "First Steps" tutorial above.		YOURNAME is your developer login name (or shorter version of thereof). You can also re-use the project you have created for the "First Steps" tutorial above.

			Go to [https://studio.boardgamearena.com/studio#new-tutorial Manage game page] to create your tutorial project.

	<i>		<i>

Thoun: ranema type/type_arg to suit/value

2026-09-04T09:06:45Z

ranema type/type_arg to suit/value

Show changes

Thoun at 08:54, 4 September 2026

2026-09-04T08:54:33Z

Show changes

Reyvolution: /* Spectator support */ Method/reference "this.isSpectator" does not work for me, the isCurrentPlayerSpectator() method was available from documentation and appears to work as expected.

2026-08-14T22:16:48Z

Spectator support: Method/reference "this.isSpectator" does not work for me, the isCurrentPlayerSpectator() method was available from documentation and appears to work as expected.

← Older revision		Revision as of 00:16, 15 August 2026
Line 1,541:		Line 1,541:
	In the .js file in the setup function add this code (after DOM is created):		In the .js file in the setup function add this code (after DOM is created):
	// Hide hand zone from spectators		// Hide hand zone from spectators
	if (this.~~isSpectator~~)		if (this.bga.players.isCurrentPlayerSpectator())
	document.getElementById("myhand_wrap").style.display = "none";		document.getElementById("myhand_wrap").style.display = "none";

Reyvolution: /* Client - Server Interactions */ Removed extra '}' from sample code for notification handlers, copying this could cause a syntax error

2026-08-12T22:10:11Z

Client - Server Interactions: Removed extra '}' from sample code for notification handlers, copying this could cause a syntax error

← Older revision		Revision as of 00:10, 13 August 2026
Line 1,130:		Line 1,130:
	}		}
	// TODO: cards has to dissapear after		// TODO: cards has to dissapear after
	}

	</pre>		</pre>

StrangerCoug: /* Client - Server Interactions */ getActivePlayerName() is deprecated; use recommended replacement

2026-07-24T13:46:35Z

Client - Server Interactions: getActivePlayerName() is deprecated; use recommended replacement

← Older revision		Revision as of 15:46, 24 July 2026
Line 1,029:		Line 1,029:
	'card' => $currentCard,		'card' => $currentCard,
	'player_id' => $activePlayerId,		'player_id' => $activePlayerId,
	'player_name' => $game->~~getActivePlayerName~~(),		'player_name' => $game->getPlayerNameById($activePlayerId),
	'value_displayed' => $game->card_types['types'][$currentCard['type_arg']]['name'],		'value_displayed' => $game->card_types['types'][$currentCard['type_arg']]['name'],
	'color_displayed' => $game->card_types['suites'][$currentCard['type']]['name']		'color_displayed' => $game->card_types['suites'][$currentCard['type']]['name']

StrangerCoug: /* Client - Server Interactions */ Remove redundant block

2026-07-24T13:35:13Z

Client - Server Interactions: Remove redundant block

← Older revision		Revision as of 15:35, 24 July 2026
Line 986:		Line 986:
	<pre>		<pre>
	this.handStock.onCardClick = (card) => {		this.handStock.onCardClick = (card) => {
	{		console.log("onCardClick : card ", card);
	console.log("onCardClick : card ", card);		console.log("onCardClick : namestate ", this.gamedatas.gamestate.name);
	console.log("onCardClick : namestate ", this.gamedatas.gamestate.name);		if (!card) return; // hmm - should never happen
	if (!card) return; // hmm - should never happen		switch (this.gamedatas.gamestate.name) {
	switch (this.gamedatas.gamestate.name) {		case "PlayerTurn":
	case "PlayerTurn":		// Can play a card
	// Can play a card		this.bga.actions.performAction("actPlayCard", { cardId: card.id });
	this.bga.actions.performAction("actPlayCard", { cardId: card.id });

	break;		break;
	case "GiveCards":		case "GiveCards":
	// Can give cards TODO		// Can give cards TODO
	break;		break;
	default: {		default: {
	this.handStock.unselectAll();		this.handStock.unselectAll();
	break;		break;
	}
	}		}
	}		}
Line 1,198:		Line 1,196:
	position: absolute;		position: absolute;
	top: 0 !important;		top: 0 !important;
	}		}

	==Zombie turn==		==Zombie turn==

StrangerCoug: /* States/NextPlayer.php */ Correct instruction to match code

2026-07-24T13:05:51Z

States/NextPlayer.php: Correct instruction to match code

← Older revision		Revision as of 15:05, 24 July 2026
Line 803:		Line 803:
	* If this is the last trick (no more cards in end) and it's finished, we need to go to '''EndHand'''		* If this is the last trick (no more cards in end) and it's finished, we need to go to '''EndHand'''

	We will implement this logic later. For now let's return '''~~NewHandPlayerTurn~~''' (see onEnteringState).		We will implement this logic later. For now let's return '''PlayerTurn''' (see onEnteringState).
	<pre>		<pre>
	<?php		<?php

StrangerCoug: /* Game Interface with BGA Cards */ Relocate TS difference to more relevant location

2026-07-23T21:30:12Z

Game Interface with BGA Cards: Relocate TS difference to more relevant location

← Older revision		Revision as of 23:30, 23 July 2026
Line 337:		Line 337:
	const BgaCards = await importEsmLib('bga-cards', '1.x');		const BgaCards = await importEsmLib('bga-cards', '1.x');
	</pre>		</pre>

			<div style="outline: 3px solid #3178C6; padding: 5px;margin: 5px;"><span style="background: #3178C6; color: white; margin-right: 5px;">TS</span>Uncomment the code in libs.ts then add <code>import { BgaAnimations, BgaCards } from "./libs";</code> at the very beginning of the Game.ts file</div>

	Now we will remove the fake card we added (in Game.js file) search and remove: <pre>		Now we will remove the fake card we added (in Game.js file) search and remove: <pre>
Line 382:		Line 384:
	]);		]);
	</pre>		</pre>

	<div style="outline: 3px solid #3178C6; padding: 5px;margin: 5px;"><span style="background: #3178C6; color: white; margin-right: 5px;">TS</span>Uncomment the code in libs.ts then add <code>import { BgaAnimations, BgaCards } from "./libs";</code> at the very beginning of the Game.ts file</div>

	Also we need to add this .css (anywhere), that will map front face of the card to our image (1500% is because this image 15 times bigger than single card on X axis)		Also we need to add this .css (anywhere), that will map front face of the card to our image (1500% is because this image 15 times bigger than single card on X axis)

StrangerCoug: /* Game Interface with BGA Cards */ Add TS difference

2026-07-23T19:55:28Z

Game Interface with BGA Cards: Add TS difference

← Older revision		Revision as of 21:55, 23 July 2026
Line 382:		Line 382:
	]);		]);
	</pre>		</pre>

			<div style="outline: 3px solid #3178C6; padding: 5px;margin: 5px;"><span style="background: #3178C6; color: white; margin-right: 5px;">TS</span>Uncomment the code in libs.ts then add <code>import { BgaAnimations, BgaCards } from "./libs";</code> at the very beginning of the Game.ts file</div>

	Also we need to add this .css (anywhere), that will map front face of the card to our image (1500% is because this image 15 times bigger than single card on X axis)		Also we need to add this .css (anywhere), that will map front face of the card to our image (1500% is because this image 15 times bigger than single card on X axis)