Tutorial gomoku - Muutoshistoria

Sourisdudesert: /* Manage states and events */

2013-09-30T16:21:42Z

Manage states and events

← Vanhempi versio		Versio 30. syyskuuta 2013 kello 16.21
Rivi 407:		Rivi 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

← Vanhempi versio		Versio 30. syyskuuta 2013 kello 16.19
Rivi 38:		Rivi 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

← Vanhempi versio		Versio 24. maaliskuuta 2013 kello 18.38
Rivi 377:		Rivi 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

← Vanhempi versio		Versio 6. joulukuuta 2012 kello 22.27
Rivi 507:		Rivi 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

← Vanhempi versio		Versio 6. joulukuuta 2012 kello 22.26
Rivi 503:		Rivi 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

← Vanhempi versio		Versio 6. joulukuuta 2012 kello 22.24
Rivi 186:		Rivi 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'.

Een: /* Setup the backbone of your game */

2012-12-06T22:23:06Z

Setup the backbone of your game

← Vanhempi versio		Versio 6. joulukuuta 2012 kello 22.23
Rivi 180:		Rivi 180:
	},		},

	Here is what you should get ~~after some tweaks and refresh~~:		Here is what you should get:

	[[File:Gomoku tuto3.png]]		[[File:Gomoku tuto3.png]]

Een: /* Setup the backbone of your game */

2012-12-06T22:22:43Z

Setup the backbone of your game

← Vanhempi versio		Versio 6. joulukuuta 2012 kello 22.22
Rivi 180:		Rivi 180:
	},		},

	Here is what you should get:		Here is what you should get after some tweaks and refresh:

	[[File:Gomoku tuto3.png]]		[[File:Gomoku tuto3.png]]

Een: /* Setup the backbone of your game */

2012-12-06T22:21:47Z

Setup the backbone of your game

← Vanhempi versio		Versio 6. joulukuuta 2012 kello 22.21
Rivi 163:		Rivi 163:
	// Game constants		// Game constants
	this.gameConstants = null;		this.gameConstants = null;

			* In .js->setup() assign the constants to this variable

			this.gameConstants = gamedatas.constants;

	* Then use it in your getXPixelCoordinates and getYPixelCoordinates functions		* Then use it in your getXPixelCoordinates and getYPixelCoordinates functions

Een: /* You will start from our 'emtpy game' template */

2012-12-06T22:19:41Z

You will start from our 'emtpy game' template

← Vanhempi versio		Versio 6. joulukuuta 2012 kello 22.19
Rivi 3:		Rivi 3:
	== You will start from our 'emtpy game' template ==		== You will start from our 'emtpy game' template ==

	Here is how your games looks by default when it has just been created :		Here is how your games looks by default when it has just been created:

	[[File:Gomoku tuto1.png]]		[[File:Gomoku tuto1.png]]