Tutorial reversi - Redigeerimiste ajalugu

Gmc14 – 11. oktoober 2015, kell 12:32

2015-10-11T12:32:55Z

←Vanem redaktsioon		Redaktsioon: 11. oktoober 2015, kell 14:32
197. rida:		197. rida:
	</pre>		</pre>

	Now, to test if everything works fine, just ~~call~~ "this.addTokenOnBoard( 2, 2, <your_player_id> )" in ~~your~~ "setup" Javascript method, and reload the page. A token should appear and slide immediately to its position, like this:		Now, to test if everything works fine, just add "this.addTokenOnBoard( 2, 2, <your_player_id> )" in the "setup" Javascript method in reversi.js, and reload the page.

			'''Note''': ''your_player_id'' can be found by... ''someone who knows please edit''


			A token should appear and slide immediately to its position, like this:

	[[File:reversi3.jpg]]		[[File:reversi3.jpg]]

Wucnuc – 9. mai 2015, kell 20:00

2015-05-09T20:00:48Z

←Vanem redaktsioon		Redaktsioon: 9. mai 2015, kell 22:00
605. rida:		605. rida:

	... finally, we jump to the next game state if everything goes fine ('playDisc' is also the name of a transition in the 'playerTurn' game state description above).		... finally, we jump to the next game state if everything goes fine ('playDisc' is also the name of a transition in the 'playerTurn' game state description above).
	To make the statistics work, we have to initialize them in ~~state~~.inc.php:		To make the statistics work, we have to initialize them in stats.inc.php:

	<pre>		<pre>

Christopheryoder: /* Let's play */

2015-02-05T19:36:23Z

Let's play

←Vanem redaktsioon		Redaktsioon: 5. veebruar 2015, kell 21:36
494. rida:		494. rida:
	* Finally, we make a call to the server using BGA "ajaxcall" method with argument x and y.		* Finally, we make a call to the server using BGA "ajaxcall" method with argument x and y.

	Now, we have to manage this "playDisc" action on server side. At first, we introduce a "playDisc" entry point in our "reversi.action.php":		Now, we have to manage this "playDisc" action on the server side. At first, we introduce a "playDisc" entry point in our "reversi.action.php":

	<pre>		<pre>

Christopheryoder: /* The rules */

2015-02-05T16:51:56Z

The rules

←Vanem redaktsioon		Redaktsioon: 5. veebruar 2015, kell 18:51
359. rida:		359. rida:
	* When the player plays, to check if she has the right to play here.		* When the player plays, to check if she has the right to play here.

	This is pure PHP programming here, and there's no special things from the BGA framework that can be used. This is why we won't go into details here. The overall idea is:		This is pure PHP programming here, and there are no special things from the BGA framework that can be used. This is why we won't go into details here. The overall idea is:
	* Create a "getTurnedOverDiscs(x,y)" method that return coordinates of discs that would be turned over if a token would be played at x,y.		* Create a "getTurnedOverDiscs(x,y)" method that return coordinates of discs that would be turned over if a token would be played at x,y.
	* Loop through all free squares of the board, call the "getTurnedOverDiscs" method on each of them. If at least 1 token is turned over, this is a valid move.		* Loop through all free squares of the board, call the "getTurnedOverDiscs" method on each of them. If at least 1 token is turned over, this is a valid move.

Christopheryoder: /* The rules */

2015-02-05T16:51:05Z

The rules

←Vanem redaktsioon		Redaktsioon: 5. veebruar 2015, kell 18:51
357. rida:		357. rida:
	Now, what we would like to do is to indicate to the current player where she is allowed to play. The idea is to build a "getPossibleMoves" PHP method that return a list of coordinates where she is allowed to play. This method will be used in particular:		Now, what we would like to do is to indicate to the current player where she is allowed to play. The idea is to build a "getPossibleMoves" PHP method that return a list of coordinates where she is allowed to play. This method will be used in particular:
	* As we just said, to help the player to see where she can play.		* As we just said, to help the player to see where she can play.
	* When the player ~~play~~, to check if she has the right to play here.		* When the player plays, to check if she has the right to play here.

	This is pure PHP programming here, and there's no special things from the BGA framework that can be used. This is why we won't go into details here. The overall idea is:		This is pure PHP programming here, and there's no special things from the BGA framework that can be used. This is why we won't go into details here. The overall idea is:

Christopheryoder: /* The rules */

2015-02-05T16:49:17Z

The rules

←Vanem redaktsioon		Redaktsioon: 5. veebruar 2015, kell 18:49
356. rida:		356. rida:

	Now, what we would like to do is to indicate to the current player where she is allowed to play. The idea is to build a "getPossibleMoves" PHP method that return a list of coordinates where she is allowed to play. This method will be used in particular:		Now, what we would like to do is to indicate to the current player where she is allowed to play. The idea is to build a "getPossibleMoves" PHP method that return a list of coordinates where she is allowed to play. This method will be used in particular:
	* As we just said, to help the player to see where he can play.		* As we just said, to help the player to see where she can play.
	* When the player play, to check if he has the right to play here.		* When the player play, to check if she has the right to play here.

	This is pure PHP programming here, and there's no special things from the BGA framework that can be used. This is why we won't go into details here. The overall idea is:		This is pure PHP programming here, and there's no special things from the BGA framework that can be used. This is why we won't go into details here. The overall idea is:

Christopheryoder: /* Display allowed moves */

2015-02-05T16:47:43Z

Display allowed moves

←Vanem redaktsioon		Redaktsioon: 5. veebruar 2015, kell 18:47
369. rida:		369. rida:
	== Display allowed moves ==		== Display allowed moves ==

	Now, what we want to do is highlight squares where player can place a disc.		Now, what we want to do is highlight the squares where the player can place a disc.

	To do this, we are using the "argPlayerTurn" method. This method is called each time we enter into "playerTurn" game state, and its result is transfered automatically to the client-side:		To do this, we are using the "argPlayerTurn" method. This method is called each time we enter into "playerTurn" game state, and its result is transfered automatically to the client-side:

Christopheryoder: /* The rules */

2015-02-05T16:46:17Z

The rules

←Vanem redaktsioon		Redaktsioon: 5. veebruar 2015, kell 18:46
355. rida:		355. rida:
	== The rules ==		== The rules ==

	Now, what we would like to do is to indicate to the current player where it is allowed to play. The idea is to build a "getPossibleMoves" PHP method that return a list of coordinates where it is allowed to play. This method will be used in particular:		Now, what we would like to do is to indicate to the current player where she is allowed to play. The idea is to build a "getPossibleMoves" PHP method that return a list of coordinates where she is allowed to play. This method will be used in particular:
	* As we just said, to help the player to see where he can play.		* As we just said, to help the player to see where he can play.
	* When the player play, to check if he has the right to play here.		* When the player play, to check if he has the right to play here.

Deluxe flame: /* Make the squares appears */

2014-01-09T23:31:57Z

Make the squares appears

←Vanem redaktsioon		Redaktsioon: 10. jaanuar 2014, kell 01:31
50. rida:		50. rida:
	== Make the squares appears ==		== Make the squares appears ==

	Now, what we need is to create some invisible HTML elements where squares are. These elements will be used as position references for ~~width~~ and black discs.		Now, what we need is to create some invisible HTML elements where squares are. These elements will be used as position references for white and black discs.
	Obviously, we need 64 squares. To avoid writing 64 'div' elements on our template, we are going to use the "block" feature.		Obviously, we need 64 squares. To avoid writing 64 'div' elements on our template, we are going to use the "block" feature.

Sourisdudesert: /* The discs */

2013-09-30T16:17:49Z

The discs

←Vanem redaktsioon		Redaktsioon: 30. september 2013, kell 18:17
141. rida:		141. rida:
	height: 56px;		height: 56px;
	position: absolute;		position: absolute;
	background-image: url('~~../../~~img~~/reversi~~/tokens.png');		background-image: url('img/tokens.png');
	}		}
	.tokencolor_ffffff { background-position: 0px 0px; }		.tokencolor_ffffff { background-position: 0px 0px; }