Game interface logic: yourgamename.js - Redigeerimiste ajalugu

Sourisdudesert: /* Players input */

2015-11-06T15:54:21Z

Players input

←Vanem redaktsioon		Redaktsioon: 6. november 2015, kell 17:54
405. rida:		405. rida:
	: Same as dojo.connect(), but for all the nodes set with the specified cssClassName		: Same as dojo.connect(), but for all the nodes set with the specified cssClassName

	'''this.addActionButton( id, label, method, (opt)depreciated, (opt)bHighlight )'''		'''this.addActionButton( id, label, method, (opt)depreciated, (opt)bHighlight, (opt)color )'''

	You can use this method to add an action button in the main action status bar.		You can use this method to add an action button in the main action status bar.
414. rida:		414. rida:
	* method: the name of your method that must be triggered when the player clicks on this button.		* method: the name of your method that must be triggered when the player clicks on this button.
	* depreciated (optional): do not use this. Please not specify this argument or use "null".		* depreciated (optional): do not use this. Please not specify this argument or use "null".
	* bHighlight: if set to "true", the button is going blink to catch player's attention. Please don't abuse of blinking button.		* bHighlight (optional): if set to "true", the button is going blink to catch player's attention. Please don't abuse of blinking button.
			* color: could be '''blue''' (default), '''red''' or '''gray'''.

	You should only use this method in your "onUpdateActionButtons" method. Usually, you use it like this (from Hears example):		You should only use this method in your "onUpdateActionButtons" method. Usually, you use it like this (from Hears example):

Ludovic: /* Access and manipulate the DOM */

2015-10-31T10:15:47Z

Access and manipulate the DOM

←Vanem redaktsioon		Redaktsioon: 31. oktoober 2015, kell 12:15
164. rida:		164. rida:
	values possibles :		values possibles :

	"replace" : (see description above)		"replace" : (see description above).

	"first" : Places the node as a child of the reference node. The node is placed as the first child.		"first" : Places the node as a child of the reference node. The node is placed as the first child.

	"last" : Places the node as a child of the reference node. The node is placed as the last child.		"last" : Places the node as a child of the reference node. The node is placed as the last child.

	"before" : places the node right before the reference node.		"before" : places the node right before the reference node.

	"last (value by default) " : places the node right after the reference node.		"last (value by default) " : places the node right after the reference node.

	"only" : replaces all children of the reference node with the node.		"only" : replaces all children of the reference node with the node.

	positif integer : This parameter can be a positif integer. In this case, the node will be placed as a child of the reference node with this number (counting from 0). If the number is more than number of children, the node will be appended to the reference node making it the last child.		positif integer : This parameter can be a positif integer. In this case, the node will be placed as a child of the reference node with this number (counting from 0). If the number is more than number of children, the node will be appended to the reference node making it the last child.

Ludovic: /* Access and manipulate the DOM */

2015-10-31T10:14:39Z

Access and manipulate the DOM

@@ 160. rida: / 160. rida: @@
 </pre>
-Note: the third parameter of dojo.place can take various interesting value: "first", "after", ... [http://dojotoolkit.org/reference-guide/1.7/dojo/place.html See full doc on dojo.place].
+The third parameter of dojo.place can take various interesting value.
 Usually, when you want to insert some piece of HTML in your game interface, you should use "[[Game_layout:_view_and_template:_yourgamename.view.php_and_yourgamename_yourgamename.tpl#Javascript_templates|Javascript templates]]".

Archduke: /* General tips */

2014-06-05T16:00:00Z

General tips

←Vanem redaktsioon		Redaktsioon: 5. juuni 2014, kell 18:00
33. rida:		33. rida:
	: You can update it as needed to keep an up to date reference of the game on the client side if you need it (most of the time you don't).		: You can update it as needed to keep an up to date reference of the game on the client side if you need it (most of the time you don't).

	; isCurrentPlayerActive()		; this.isCurrentPlayerActive()
	: Returns true if the player on whose browser the code is running is currently active (it's his turn to play)		: Returns true if the player on whose browser the code is running is currently active (it's his turn to play)

Quinarbre: /* Tooltips */

2014-04-30T23:36:24Z

Tooltips

←Vanem redaktsioon		Redaktsioon: 1. mai 2014, kell 01:36
513. rida:		513. rida:
	IMPORTANT: all concerned nodes must have IDs to get tooltips.		IMPORTANT: all concerned nodes must have IDs to get tooltips.

	'''addTooltipHtmlToClass( cssClass, html, delay )'''		'''this.addTooltipHtmlToClass( cssClass, html, delay )'''

	Add an HTML tooltip to to all the DOM nodes set with this cssClass (for more elaborate content such as presenting a bigger version of a card).		Add an HTML tooltip to to all the DOM nodes set with this cssClass (for more elaborate content such as presenting a bigger version of a card).

	IMPORTANT: all concerned nodes must have IDs to get tooltips		IMPORTANT: all concerned nodes must have IDs to get tooltips

			'''this.removeTooltip( nodeId )'''

			Remove a tooltip from the DOM node.

	== Dialogs, warning messages, confirmation dialogs, ... ==		== Dialogs, warning messages, confirmation dialogs, ... ==

Sourisdudesert: /* Adding stuff to player's panel */

2014-03-24T17:43:35Z

Adding stuff to player's panel

←Vanem redaktsioon		Redaktsioon: 24. märts 2014, kell 19:43
677. rida:		677. rida:
	At first, create a new "JS template" string in your template (tpl) file:		At first, create a new "JS template" string in your template (tpl) file:

	(from ~~Reversi~~ example)		(from Gomoku example)
	<pre>		<pre>
	var jstpl_player_board = '\<div class="cp_board">\		var jstpl_player_board = '\<div class="cp_board">\

Sourisdudesert: /* Animations */

2014-03-19T10:51:16Z

Animations

←Vanem redaktsioon		Redaktsioon: 19. märts 2014, kell 12:51
231. rida:		231. rida:
	Example:		Example:
	<pre>		<pre>
	this.slideToObjectAndDestroy( "some_token", "some_place_on_board", 1000, 0 ~~).play(~~);		this.slideToObjectAndDestroy( "some_token", "some_place_on_board", 1000, 0 );
	</pre>		</pre>

Een: /* Scoring dialogs */

2014-02-24T17:49:33Z

Scoring dialogs

@@ 639. rida: / 639. rida: @@
          $table[] = $firstRow;
 </pre>
 == Update players score ==

Kennyyy: Specification about image preloading: don't need to specify for image boxes

2013-12-08T02:50:31Z

Specification about image preloading: don't need to specify for image boxes

←Vanem redaktsioon		Redaktsioon: 8. detsember 2013, kell 04:50
721. rida:		721. rida:

	Another example of use: in "Gosu" game with Kamakor extension, you play with 5 sets of cards among 10 available. Cards images are organized by sets, and we only preload the images corresponding to the 5 current sets.		Another example of use: in "Gosu" game with Kamakor extension, you play with 5 sets of cards among 10 available. Cards images are organized by sets, and we only preload the images corresponding to the 5 current sets.

			'''Note:''' You don't need to specify to not preload game box images (game_box.png, game_box75.png...) since they are not preloaded by default.

	== Other useful stuff ==		== Other useful stuff ==

Vaanatomic: /* Players input */

2013-10-27T20:30:47Z

Players input

←Vanem redaktsioon		Redaktsioon: 27. oktoober 2013, kell 22:30
312. rida:		312. rida:
	Example: associate a click on an element ("my_element") with one of our method ("onClickOnMyElement"):		Example: associate a click on an element ("my_element") with one of our method ("onClickOnMyElement"):
	<pre>		<pre>
	dojo.connect( $('my_element'), '~~onClick~~', this, 'onClickOnMyElement' );		dojo.connect( $('my_element'), 'onclick', this, 'onClickOnMyElement' );
	</pre>		</pre>