Tutorial gomoku - Historial de revisió

Wucnuc: Moved modifying default player colors to this section

2015-05-11T02:53:33Z

Moved modifying default player colors to this section

← Versió més antiga		Revisió del 04:53, 11 maig 2015
Línia 458:		Línia 458:
	},		},
	</pre>		</pre>

			Finally, make sure to modify the default colors for players to white and black

			$default_colors = array( "000000", "ffffff", );

	The basic game turn is implemented: you can now drop some stones!		The basic game turn is implemented: you can now drop some stones!

Wucnuc: Moved modifying default player colors to the previous section

2015-05-11T02:53:22Z

Moved modifying default player colors to the previous section

← Versió més antiga		Revisió del 04:53, 11 maig 2015
Línia 471:		Línia 471:
	== Implement rules and end of game conditions ==		== Implement rules and end of game conditions ==

	Implement specific rules for the game. For example in Gomoku, black plays first. So in .game.php->setupNewGame():		Implement specific rules for the game. For example in Gomoku, black plays first. So in .game.php->setupNewGame(), at the end of the setup make the black player active:

	* modify the default colors for players to white and black

	~~$default_colors = array( "000000"~~, ~~"ffffff", );~~

	* and at the end of the setup make the black player active

	<pre>		<pre>

Wucnuc: .gmk_intersection also requires the stones background image

2015-05-11T02:41:43Z

.gmk_intersection also requires the stones background image

← Versió més antiga		Revisió del 04:41, 11 maig 2015
Línia 402:		Línia 402:

	<pre>		<pre>
			.gmk_intersection {
			width: 30px;
			height: 30px;
			position: relative;
			background-image: url( 'img/stones.png' );
			}

	.gmk_stone {		.gmk_stone {
	width: 30px;		width: 30px;
	height: 30px;		height: 30px;
	position: absolute;		position: absolute;
	background-image: url( 'img/stones.png');		background-image: url( 'img/stones.png' );
	}		}

Wucnuc: getFormattedCoordinates is undefined

2015-05-11T02:34:34Z

getFormattedCoordinates is undefined

← Versió més antiga		Revisió del 04:34, 11 maig 2015
Línia 333:		Línia 333:

	// Notify all players		// Notify all players
	self::notifyAllPlayers( "stonePlayed", clienttranslate( '${player_name} dropped a stone ${~~coordinates~~}' ), array(		self::notifyAllPlayers( "stonePlayed", clienttranslate( '${player_name} dropped a stone on ${coord_x},${coord_y}' ), array(
	'player_id' => $player_id,		'player_id' => $player_id,
	'player_name' => self::getActivePlayerName(),		'player_name' => self::getActivePlayerName(),
	~~'coordinates' => $this->getFormattedCoordinates($coord_x, $coord_y),~~
	'coord_x' => $coord_x,		'coord_x' => $coord_x,
	'coord_y' => $coord_y,		'coord_y' => $coord_y,

Sourisdudesert: /* Manage states and events */

2013-09-30T16:21:42Z

Manage states and events

← Versió més antiga		Revisió del 18:21, 30 set 2013
Línia 407:		Línia 407:
	height: 30px;		height: 30px;
	position: absolute;		position: absolute;
	background-image: url( '~~../../~~img~~/gomoku~~/stones.png');		background-image: url( 'img/stones.png');
	}		}

Sourisdudesert: /* Setup the board */

2013-09-30T16:19:55Z

Setup the board

← Versió més antiga		Revisió del 18:19, 30 set 2013
Línia 38:		Línia 38:

	#gmk_goban {		#gmk_goban {
	background-image: url( '~~../../~~img~~/gomoku~~/goban.jpg');		background-image: url( 'img/goban.jpg');
	width: 620px;		width: 620px;
	height: 620px;		height: 620px;

Een: /* Manage states and events */

2013-03-24T18:38:25Z

Manage states and events

← Versió més antiga		Revisió del 20:38, 24 març 2013
Línia 377:		Línia 377:

	// Animate a slide from the player panel to the intersection		// Animate a slide from the player panel to the intersection
	dojo.style( 'stone_' + notif.args.coord_x + '_' + notif.args.coord_y, 'zIndex', ~~1000~~ );		dojo.style( 'stone_' + notif.args.coord_x + '_' + notif.args.coord_y, 'zIndex', 1 );
	var slide = this.slideToObject( $( 'stone_' + notif.args.coord_x + '_' + notif.args.coord_y ), $( 'intersection_' + notif.args.coord_x + '_' + notif.args.coord_y ), 1000 );		var slide = this.slideToObject( $( 'stone_' + notif.args.coord_x + '_' + notif.args.coord_y ), $( 'intersection_' + notif.args.coord_x + '_' + notif.args.coord_y ), 1000 );
	dojo.connect( slide, 'onEnd', this, dojo.hitch( this, function() {		dojo.connect( slide, 'onEnd', this, dojo.hitch( this, function() {
	dojo.~~style~~( 'stone_' + notif.args.coord_x + '_' + notif.args.coord_y, '~~zIndex~~', '~~auto~~' );		// At the end of the slide, update the intersection
	}));		dojo.removeClass( 'intersection_' + notif.args.coord_x + '_' + notif.args.coord_y, 'no_stone' );
			dojo.addClass( 'intersection_' + notif.args.coord_x + '_' + notif.args.coord_y, 'stone_' + notif.args.color );
			dojo.removeClass( 'intersection_' + notif.args.coord_x + '_' + notif.args.coord_y, 'clickable' );

			// We can now destroy the stone since it is now visible through the change in style of the intersection
			dojo.destroy( 'stone_' + notif.args.coord_x + '_' + notif.args.coord_y );
			}));
	slide.play();		slide.play();

	~~// This intersection is taken, it shouldn't appear as clickable anymore~~
	~~dojo.removeClass( 'intersection_' + notif.args.coord_x + '_' + notif.args.coord_y, 'clickable' );~~
	},		},
	</pre>		</pre>

Een: /* Implement rules and end of game conditions */

2012-12-06T22:27:38Z

Implement rules and end of game conditions

← Versió més antiga		Revisió del 00:27, 7 des 2012
Línia 507:		Línia 507:
	self::setGameStateInitialValue( 'end_of_game', 0 );		self::setGameStateInitialValue( 'end_of_game', 0 );

	* add the appropriate code in .game.php before proceeding to the next state, using a checkForWin() function implemented separately for clarity. If the game has been won, we set the score, ~~notify it~~ to ~~update the score on~~ the client side, and set the 'end_of_game' global variable to 1 as a flag signaling that the game has ended.		* add the appropriate code in .game.php before proceeding to the next state, using a checkForWin() function implemented separately for clarity. If the game has been won, we set the score, send a score update notification to the client side, and set the 'end_of_game' global variable to 1 as a flag signaling that the game has ended.

	<pre>		<pre>

Een: /* Implement rules and end of game conditions */

2012-12-06T22:26:48Z

Implement rules and end of game conditions

← Versió més antiga		Revisió del 00:26, 7 des 2012
Línia 503:		Línia 503:
	) );		) );

	* we init that global variable to 0 in .game.php->setupNewGame()		* init that global variable to 0 in .game.php->setupNewGame()

	self::setGameStateInitialValue( 'end_of_game', 0 );		self::setGameStateInitialValue( 'end_of_game', 0 );

Een: /* Manage states and events */

2012-12-06T22:24:28Z

Manage states and events

← Versió més antiga		Revisió del 00:24, 7 des 2012
Línia 186:		Línia 186:
	== Manage states and events ==		== Manage states and events ==

	Define your game states in states.inc.php. For gomoku we will use 3 states. One to play, one to check the end game condition, one to give his turn to the other player if the game is not over.		Define your game states in states.inc.php. For gomoku we will use 3 states in addition of the predefined states 1 (gameSetup) and 99 (gameEnd). One to play, one to check the end game condition, one to give his turn to the other player if the game is not over.

	The first state requires an action from the player, so its type is 'activeplayer'.		The first state requires an action from the player, so its type is 'activeplayer'.