Tutorial reversi - Istor ar c'hemmoù

Victoria la: Added missing instructions on putting tokens graphics in img

2016-05-04T02:24:05Z

Added missing instructions on putting tokens graphics in img

← Stumm kent		Stumm eus an 4 Mae 2016 da 04:24
Linenn 131:		Linenn 131:

	[[File:tokens.png]]		[[File:tokens.png]]

			Upload this image file "tokens.png" in your "img/" directory.

	Important: we are using ONE file for both discs. It's really important that you use a minimum number of graphic files for your game with this "CSS sprite" technique, because it makes the game loading faster and more reliable. [http://www.w3schools.com/css/css_image_sprites.asp Read more about CSS sprites].		Important: we are using ONE file for both discs. It's really important that you use a minimum number of graphic files for your game with this "CSS sprite" technique, because it makes the game loading faster and more reliable. [http://www.w3schools.com/css/css_image_sprites.asp Read more about CSS sprites].
Linenn 186:		Linenn 188:
	At first, with "dojo.place" and "this.format_block" methods, we create a HTML piece of code and insert it as a new child of "tokens" div element.		At first, with "dojo.place" and "this.format_block" methods, we create a HTML piece of code and insert it as a new child of "tokens" div element.

	Then, with BGA "this.placeOnObject" method, we place this element over the panel of some player. Immediately after, using BGA "this.~~slidetoObject~~" method, we make the disc slide to the "square" element, its final destination.		Then, with BGA "this.placeOnObject" method, we place this element over the panel of some player. Immediately after, using BGA "this.slideToObject" method, we make the disc slide to the "square" element, its final destination.

	Note: don't forget to call the "play()", otherwise the token remains at its original location.		Note: don't forget to call the "play()", otherwise the token remains at its original location.

Skyfire815: /* The discs */

2016-01-16T04:09:19Z

The discs

← Stumm kent		Stumm eus an 16 Gen 2016 da 06:09
Linenn 197:		Linenn 197:
	</pre>		</pre>

	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.		Now, to test if everything works fine, just add "this.addTokenOnBoard( 2, 2, [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''~~

Gmc14 d'an 11 Her 2015 da 12:32

2015-10-11T12:32:55Z

← Stumm kent		Stumm eus an 11 Her 2015 da 14:32
Linenn 197:		Linenn 197:
	</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 d'an 9 Mae 2015 da 20:00

2015-05-09T20:00:48Z

← Stumm kent		Stumm eus an 9 Mae 2015 da 22:00
Linenn 605:		Linenn 605:

	... 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

← Stumm kent		Stumm eus an 5 C'hwe 2015 da 21:36
Linenn 494:		Linenn 494:
	* 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

← Stumm kent		Stumm eus an 5 C'hwe 2015 da 18:51
Linenn 359:		Linenn 359:
	* 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

← Stumm kent		Stumm eus an 5 C'hwe 2015 da 18:51
Linenn 357:		Linenn 357:
	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

← Stumm kent		Stumm eus an 5 C'hwe 2015 da 18:49
Linenn 356:		Linenn 356:

	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

← Stumm kent		Stumm eus an 5 C'hwe 2015 da 18:47
Linenn 369:		Linenn 369:
	== 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

← Stumm kent		Stumm eus an 5 C'hwe 2015 da 18:46
Linenn 355:		Linenn 355:
	== 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.