A QML Memory Game Tutorial - Revision history

Hamishwillee: Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"

2012-06-13T10:51:16Z

Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"

Hamishwillee: Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories)

2012-02-15T05:50:22Z

Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories)

Hamishwillee: Hamishwillee - Tidy wiki text

2012-02-15T03:16:49Z

Hamishwillee - Tidy wiki text

Show changes

Hamishwillee: Hamishwillee - Bot update

2012-02-15T03:01:38Z

Hamishwillee - Bot update

Hamishwillee: Hamishwillee - Undo revision 133643 by Hamishwillee (talk) - failed bot update

2012-02-15T02:58:54Z

Hamishwillee - Undo revision 133643 by Hamishwillee (talk) - failed bot update

Show changes

Hamishwillee: Hamishwillee - Bot update

2012-02-15T02:56:15Z

Hamishwillee - Bot update

Show changes

Hamishwillee: Remove Qt for Maemo and Qt for Symbian categories (only need specifier if there is some platform specific behaviour)

2011-03-31T05:50:13Z

Remove Qt for Maemo and Qt for Symbian categories (only need specifier if there is some platform specific behaviour)

Hamishwillee: Added category Category:Maemo. (Adding Maemo to all Qt for Maemo topics in preparation for ontology change)

2011-03-31T05:18:08Z

Added category Category:Maemo. (Adding Maemo to all Qt for Maemo topics in preparation for ontology change)

Girishpadia at 07:11, 19 March 2011

2011-03-19T07:11:32Z

Hamishwillee: Tidy up the abstract

2011-03-02T03:13:14Z

Tidy up the abstract

← Older revision		Revision as of 10:51, 13 June 2012
Line 1,184:		Line 1,184:
	If you want to check this code, test the game or improve it, here are all the files including a sis file you can install in your phone if you have the Qt 4.7.1 libraries on your phone already.		If you want to check this code, test the game or improve it, here are all the files including a sis file you can install in your phone if you have the Qt 4.7.1 libraries on your phone already.

−	[[File:QMLMemoryFiles.zip]][[Category:MeeGo]] [[Category:Symbian]]	+	[[File:QMLMemoryFiles.zip]][[Category:MeeGo Harmattan]] [[Category:Symbian]]

← Older revision		Revision as of 05:50, 15 February 2012
Line 1,184:		Line 1,184:
	If you want to check this code, test the game or improve it, here are all the files including a sis file you can install in your phone if you have the Qt 4.7.1 libraries on your phone already.		If you want to check this code, test the game or improve it, here are all the files including a sis file you can install in your phone if you have the Qt 4.7.1 libraries on your phone already.

−	[[File:QMLMemoryFiles.zip]]	+	[[File:QMLMemoryFiles.zip]][[Category:MeeGo]] [[Category:Symbian]]

@@ Line 1: / Line 1: @@
 [[Category:Qt]][[Category:Qt Quick]][[Category:Code Examples]][[Category:Code Snippet]][[Category:Code Examples]][[Category:Code Snippet]]
-{{FeaturedArticle}}This article shows how to implement a simple memory game using Qt Quick.
+{{FeaturedArticle|timestamp=20110130}}This article shows how to implement a simple memory game using Qt Quick.
 {{Abstract|visible=false|This article shows how to create a simple memory game using Qt Quick. In this game users attempt to pair all the matching cards from a deck (which has been placed face-down) in the shortest possible time. The article explains the code in detail, from how to create one card, through to creating the entire deck and implementing the game logic.}}
@@ Line 116: / Line 138: @@
 * '''State''':  Is a set of values of different properties of an Item in a very specific instant of time.
-For example, think about a car (Item), it has an engine (property) and  different states like off and on.  In on state, the engine is turned on, in off state, the engine is off.
+For example, think about a car (Item), it has an engine (property) and different states like off and on.  In on state, the engine is turned on, in off state, the engine is off.
 * '''Transitions''':  Is something that happens when you change from one state to another.  You can animate the change of value of one property between states using a set of animations defined in QML.
@@ Line 137: / Line 159: @@
 On an Open state, we first rotate the cover Image 90 degrees so it is not visible (perpendicular to the screen), after that is finished, we rotate the content Image 90 degrees (parallel to the screen) so it is completely visible.  We have achieved a flip animation.
-The only parameter to change in this case is the angle of the rotation, and the sequence will be very important since it has to come one rotation after the other, we can do that in this way (Remember "" is our closed or default  state):
+The only parameter to change in this case is the angle of the rotation, and the sequence will be very important since it has to come one rotation after the other, we can do that in this way (Remember "" is our closed or default state):
 <code javascript>

@@ Line 1: / Line 1: @@
-[[Category:Qt]][[Category:Qt for Maemo]][[Category:Qt for Symbian]][[Category:Qt Quick]]
+[[Category:Qt]][[Category:Qt Quick]]
 {{FeaturedArticle}}This article shows how to implement a simple memory game using Qt Quick.
 {{Abstract|visible=false|This article shows how to create a simple memory game using Qt Quick. In this game users attempt to pair all the matching cards from a deck (which has been placed face-down) in the shortest possible time. The article explains the code in detail, from how to create one card, through to creating the entire deck and implementing the game logic.}}
@@ Line 1,193: / Line 1,193: @@
 [[File:QMLMemoryFiles.zip]]
-[[Category:Code Examples]][[Category:Code Snippet]][[Category:Code Examples]][[Category:Code Snippet]] [[Category:Maemo]]
+ [[Category:Code Examples]][[Category:Code Snippet]][[Category:Code Examples]][[Category:Code Snippet]]

← Older revision		Revision as of 05:18, 31 March 2011
Line 1,193:		Line 1,193:
	[[File:QMLMemoryFiles.zip]]		[[File:QMLMemoryFiles.zip]]

−	[[Category:Code Examples]][[Category:Code Snippet]][[Category:Code Examples]][[Category:Code Snippet]]	+	[[Category:Code Examples]][[Category:Code Snippet]][[Category:Code Examples]][[Category:Code Snippet]] [[Category:Maemo]]

@@ Line 13: / Line 13: @@
 * If cards match, then they are removed from the deck
 * If cards don't match, they cover themselves again
-* Match or not, the pair counter will go up 1 unit and this is displayed in the top/right
+* Whether they match or not, the pair counter will go up 1 unit and this is displayed in the top/right
-* On the top/left you will be able to see the elapsed time
+* On the top/left corner you will be able to see the elapsed time
@@ Line 27: / Line 27: @@
 The game contains a main menu presented in two different scenarios
-*  When the app starts or game is over:  two options (Start/Exit)
+*  When the app starts or game is over:  You will find two options (Start/Exit)
-*  When the game is paused:  three options (Continue/Restart/Exit)
+*  When the game is paused:  You will find three options (Continue/Restart/Exit)
-It also contains an End Dialog displayed when all the cards are matched and the game is over.
+It also contains an End Dialog box displayed when all the cards are matched and the game is over.
@@ Line 38: / Line 38: @@
 = Constructing The Game =
-This is the list of concepts we need to keep in mind for making this game.
+This is the list of concepts we need to keep in mind while making this game.
 QML objects are a set of Items that contain properties (defined by the Item or by the user), states, transitions and many other things we will not cover here.
 Items can be defined by the language like Rectangle, Image, Text or can be just a container (in this case only use Item).
@@ Line 52: / Line 52: @@
-We can rotate the images in its default state using a transform. In this case we will use a '''Rotation'''
+We can rotate the images in its default state using a transform. In this case we will use a '''Rotation'''.
 With this, we can rotate the image in any of its axes.

@@ Line 1: / Line 1: @@
 [[Category:Qt]][[Category:Qt for Maemo]][[Category:Qt for Symbian]][[Category:Qt Quick]]
-{{FeaturedArticle}}
+{{FeaturedArticle}}This article shows how to implement a simple memory game using Qt Quick.
-In this article we will cover very basic QML elements that will help you to create an easy but cool Memory game using the recent QML technology.
+{{Abstract|visible=false|This article shows how to create a simple memory game using Qt Quick. In this game users attempt to pair all the matching cards from a deck (which has been placed face-down) in the shortest possible time. The article explains the code in detail, from how to create one card, through to creating the entire deck and implementing the game logic.}}
 = About The Game=
@@ Line 34: / Line 34: @@
 [[File:QMLMemoryMenus.jpg]]
@@ Line 1,192: / Line 1,191: @@
 If you want to check this code, test the game or improve it, here are all the files including a sis file you can install in your phone if you have the Qt 4.7.1 libraries on your phone already.
-[[File:QMLMemoryFiles.zip]][[Category:Code Examples]][[Category:Code Snippet]][[Category:Code Examples]][[Category:Code Snippet]]
+[[File:QMLMemoryFiles.zip]]