Tutorial hearts - Историја измена

Victoria la: /* Full game model synchronisation */

2018-05-08T02:03:18Z

Full game model synchronisation

← Старија измена		Верзија на датум 8. мај 2018. у 04:03
Ред 580:		Ред 580:
	on who is playing it we either place it on player miniboard or in hand (and remove from hand stock). Then we animate the card move.		on who is playing it we either place it on player miniboard or in hand (and remove from hand stock). Then we animate the card move.

	We also should fix our .css file now to add style for cardontable and ~~remove~~ background for playertablecard which really is a placeholder div and not a card.		We also should fix our .css file now to add style for cardontable and REMOVE background for playertablecard which really is a placeholder div and not a card (don't miss the remove step it will be all screwy if you miss it).

	<pre>		<pre>

Victoria la: /* Game Database and Game Initialisation */

2018-05-08T01:58:04Z

Game Database and Game Initialisation

← Старија измена		Верзија на датум 8. мај 2018. у 03:58
Ред 421:		Ред 421:
	Code Rev [https://github.com/elaskavaia/bga-heartsla/tree/e3a049257b592ff6167688d4d344f8a83d349b08]		Code Rev [https://github.com/elaskavaia/bga-heartsla/tree/e3a049257b592ff6167688d4d344f8a83d349b08]

	Now we can go to game initialization setupNewGame, this method is called once when table is created.		Now we can go to game initialization setupNewGame in game.php, this method is called once when table is created.

	In your template you should have code that deals with player table, just leave it as is. Start inserting the		In your template project you should have code that deals with player table, just leave it as is. Start inserting the
	other code after "Start the game initialization" comment		other code after "Start the game initialization" comment
	<pre>		<pre>

Victoria la: /* Game Database and Game Initialisation */

2018-05-08T01:56:22Z

Game Database and Game Initialisation

← Старија измена		Верзија на датум 8. мај 2018. у 03:56
Ред 388:		Ред 388:
	Next we finally get into .game.php class, where the main logic and db interaction would be. Find php constructor which should be		Next we finally get into .game.php class, where the main logic and db interaction would be. Find php constructor which should be
	function __construct( )		function __construct( )
	This is first function in a file.		This is first function in a file. Add this code to constructor.
	<pre>		<pre>
	parent::__construct();		parent::__construct();

Victoria la: /* Game Interface JS Stock */

2018-05-08T01:53:43Z

Game Interface JS Stock

← Старија измена		Верзија на датум 8. мај 2018. у 03:53
Ред 324:		Ред 324:
	or you can query it later, for example when user presses some other button.		or you can query it later, for example when user presses some other button.

	Lets hook it up, add this in setup method, after this.playerHand is initialised		Lets hook it up, add this in setup method in .js file, after this.playerHand is initialised

	dojo.connect( this.playerHand, 'onChangeSelection', this, 'onPlayerHandSelectionChanged' );		dojo.connect( this.playerHand, 'onChangeSelection', this, 'onPlayerHandSelectionChanged' );
Ред 351:		Ред 351:
	</pre>		</pre>

	Now if you reload, open js Console, click on card in My Hand and you should see		The function name of the handler if 4th parameter on dojo.connect function, if you misspelled it will be some unpredictable effects.

			Now if you reload, open js Console (F12), then click on card in My Hand and you should see
	on playCard 42		on playCard 42
	printed on the console		printed on the console

Victoria la: /* Game Interface JS Stock */

2018-05-08T01:51:13Z

Game Interface JS Stock

← Старија измена		Верзија на датум 8. мај 2018. у 03:51
Ред 317:		Ред 317:
	This will add card with id 42 and type 16 ( (2-1)*13+(5-2)=16 ).		This will add card with id 42 and type 16 ( (2-1)*13+(5-2)=16 ).

	Note that number 16 would be ~~any anything~~ you can see in database, Deck database will have separate field for type and type_arg where type is suite and type_arg is number, so its not the same thing, but you can use same formula to convert. But we get to database in the later section.		Note that number 16 would not be something you can see in database, Deck database will have separate field for type and type_arg where type is suite and type_arg is number, so its not the same thing, but you can use same formula to convert. Number 42 on the other hand would be id field in database. But we get to database in the later section.

	If you reload now you should see 5 of hearts in "your hand".		If you reload now you should see 5 of hearts in "your hand".

Victoria la: /* Game Interface JS Stock */

2018-05-08T01:49:10Z

Game Interface JS Stock

← Старија измена		Верзија на датум 8. мај 2018. у 03:49
Ред 306:		Ред 306:
	* Then for the 4x13 cards, we call "addItemType" method that create the type. The arguments are the type id, the weight of the card (for sorting purpose), the URL of our CSS sprite, and the position of our card image in the CSS sprite. It happens to be the same number in our case.		* Then for the 4x13 cards, we call "addItemType" method that create the type. The arguments are the type id, the weight of the card (for sorting purpose), the URL of our CSS sprite, and the position of our card image in the CSS sprite. It happens to be the same number in our case.

	Note: we need to generate a unique ID for each type of card based on its color and value. For that we create a function "getCardUniqueId". The type is unique identification of the ~~type~~ of the card i.e. queen of spades encoded in the integer, if our deck have 2 standard card decks we would have had 2 queen of spades, they would shared same type, same image but will have different ids. The type of the item either should be reversible function of its properties (i.e. kind of suite * 13 + value) or just enumerator described in material.inc.php. In this specific case its a synthetic type ID, which also same as number of the card in the sprite image (i.e. if you enumerate each image in sprite going left to right, then top to bottom).		Note: we need to generate a unique ID for each type of card based on its color and value. For that we create a function "getCardUniqueId". The type is unique identification of the TYPE of the card, i.e. queen of spades encoded in the integer, if our deck have 2 standard card decks we would have had 2 queen of spades, they would shared same type, same image but will have different ids. NOTE: its unfortunate that they named this 'getCardUniqueId', it should have been 'getCardUniqueType', because it really not an id, but a TYPE of card. The type of the item either should be reversible function of its properties (i.e. kind of suite * 13 + value) or just enumerator described in material.inc.php. In this specific case its a synthetic type id, which also same as number of the card in the sprite image (i.e. if you enumerate each image in sprite going left to right, then top to bottom).

	Now lets add the 5 of Heart to player's hand just for fun (this code will go in setup method after types initialization):		Now lets add the 5 of Heart to player's hand just for fun (this code will go in setup method after types initialization):

Victoria la: /* Layout and Graphics */

2018-05-08T01:41:36Z

Layout and Graphics

← Старија измена		Верзија на датум 8. мај 2018. у 03:41
Ред 70:		Ред 70:
	In this section we will do graphics of the game, and main layout of the game.		In this section we will do graphics of the game, and main layout of the game.

	First copy a sprite with cards image from hearts img/cards.jpg into img/ folder of your project.		First copy a sprite with cards image from hearts img/cards.jpg into img/ folder of your project. Project hearts is mounted to your home directory on bga server.

	Edit .tpl to add some divs to represent player table and hand area		Edit .tpl to add some divs to represent player table and hand area

Victoria la: /* Update game infos and box graphics */

2018-05-08T01:40:22Z

Update game infos and box graphics

← Старија измена		Верзија на датум 8. мај 2018. у 03:40
Ред 62:		Ред 62:


	<i>Note: if you had run the game before with less than 4 players there is a bug that will prevent you from running it with 4 only (if you did not run it before stop reading this note), to workaround revert back to original players array (i.e. 1,2,3,4), reload game options, then create a table with 4 players, exit that game table, then change gameoptions to 4 only as above, reload game options, create table again.</i>		<i>Note: if you had run the game before with less than 4 players there is a bug that will prevent you from running it with 4 only (if you did not run it before or run it with 4 players as instructed stop reading this note), to workaround revert back to original players array (i.e. 1,2,3,4), reload game options, then create a table with 4 players, exit that game table, then change gameoptions to 4 only as above, reload game options, create table again.</i>

	Code Rev [https://github.com/elaskavaia/bga-heartsla/tree/4b3a73eeb5acae961ade18473af119e8ce8d1a8f]		Code Rev [https://github.com/elaskavaia/bga-heartsla/tree/4b3a73eeb5acae961ade18473af119e8ce8d1a8f]

Victoria la: /* Create your first game */

2018-05-08T01:38:34Z

Create your first game

← Старија измена		Верзија на датум 8. мај 2018. у 03:38
Ред 18:		Ред 18:
	With the initial skeleton of code provided initially, you can already start a game from the BGA Studio.		With the initial skeleton of code provided initially, you can already start a game from the BGA Studio.

	Find and start the game in turn based mode, make sure it works.		Find and start the game in turn based mode with 4 players, make sure it works.

	Second modify the text in heartsYOUNAME_heartsYOUNAME.tpl, reload the page in the browser and make sure your ftp sync works as expected.		Second modify the text in heartsYOUNAME_heartsYOUNAME.tpl, reload the page in the browser and make sure your ftp sync works as expected.
	Note: if you have not setup auto-sync do it now, manually copying files is a no-starter.		Note: if you have not setup auto-sync do it now, manually copying files is a no-starter.

			Then express stop from setting menu (gear).

			<i>Note: please do NOT use the heart project code as a base, this tutorial assumes you start with TEMPLATE project with no prior modifications, using hearts project as base will make it totally confusing
			and you won't be able to follow steps.
			</i>

	== Hook version control system ==		== Hook version control system ==

Victoria la: /* Game Interface JS Stock */

2018-05-08T01:34:53Z

Game Interface JS Stock

← Старија измена		Верзија на датум 8. мај 2018. у 03:34
Ред 236:		Ред 236:
	BGA framework provides few out of the box classes to deal with cards. The client side		BGA framework provides few out of the box classes to deal with cards. The client side
	contains class called [[Stock]] and it can be used for any dynamic html 'pieces' management that uses		contains class called [[Stock]] and it can be used for any dynamic html 'pieces' management that uses
	common sprite image. On the server side we will use Deck class which we discuss later.		common sprite image. On the server side we will use [[Deck]] class which we discuss later.

	If you open cards.jpg in an image viewer you can see that it is a "sprite" image - 13x4 grid of images stitched together,		If you open cards.jpg in an image viewer you can see that it is a "sprite" image - 13x4 grid of images stitched together,