Difference between revisions of "Activities/VisualMatch"

From Sugar Labs
Jump to navigation Jump to search
(Migrate to GitHub)
 
(19 intermediate revisions by 3 users not shown)
Line 1: Line 1:
[[Image:Dimensions-icon.png]]
+
== Dimensions ==
  
==About Dimensions==
+
Read at https://help.sugarlabs.org/dimensions.html
  
Dimensions (AKA Visual Match) is a pattern-matching game written for Sugar; it is included as part of the Honey collection of Sugar add-ons. The object of the game is to find sets of three cards where each attribute—color, shape, number of elements, and shading—either match on all three cards or are different on all three cards.
+
The source file has been moved to [https://github.com/godiard/help-activity/blob/master/source/dimensions.rst GitHub]
 
 
[[Image:Activity-VisualMatch.png|600px]]
 
 
 
'''Note''': When Dimensions first starts up, it shows a simple animation of game play. Click on the screen to interrupt the animation and begin play.
 
 
 
==Where to get Dimensions==
 
 
 
Dimensions is available from the [http://activities.sugarlabs.org Sugar activity portal]: [http://activities.sugarlabs.org/en-US/sugar/addon/4246 Dimensions Version 36]. The source code is available at [http://git.sugarlabs.org/visualmatch]
 
 
 
==Using Dimensions==
 
 
 
Play by clicking on three cards to make a match. As you click, the cards will move to the match area on the left side of the screen. (You can also drag the cards to the match area.) If the cards make a valid match, a smiley face will appear. If they are not a valid match, a frowny face will appear, which details as to why the cards do not match. Clicking on the smiley face will result in the match being removed and new cards dealt from the deck. Clicking on the frowny face will remove the last card in the match area back to the right side of the screen.
 
 
 
There is a video of basic game play at [http://www.dailymotion.com/video/xbuw5j_visual-match].
 
 
 
===The basics===
 
 
 
How to play:
 
* 12 cards are on the playing surface at any time.
 
* Click on three cards to make a match.
 
* To get a match, each attribute must be all same or all different
 
* The most recent match is displayed on the left.
 
 
 
===More details===
 
 
 
* Cards have four different attributes: color, shape, fill texture, and number of elements.
 
::The number version works with prime factors instead of shapes and textures.
 
::The word version works with semantic groupings.
 
* A valid match is defined by cards where each attribute is either the same on each card or different on each card, e.g, all three red cards or one red, one green, and one blue card.
 
* An invalid match is when two cards share and attribute and the third card does not, e.g., one red and two green cards.
 
* Matches must be valid across all four attributes. Examples of [[#Examples of valid matches|valid]] and [[#Examples of invalid matches|invalid]] matches are shown below.
 
* At the end of the game, all of the matches are displayed in a simple animation.
 
* A simple cooperative sharing model is supported.
 
::Everyone works cooperatively to find matches.
 
::Only the initiator of the shared session can start new games, change game type or level.
 
* Also, the game state is saved to the Journal and restored upon resume.
 
 
 
===Examples of valid matches===
 
 
 
[[Image:Two-red-circles.png]] [[Image:One-red-circle.png]] [[Image:Three-red-circles.png]] The colors, shapes, and shade match; numbers are different.
 
 
 
[[Image:One-blue-check.png]] [[Image:One-green-ex.png]] [[Image:One-red-circle.png]] The numbers match; colors, shapes and shade are different.
 
 
 
[[Image:One-red-circle.png]] [[Image:Three-blue-checks.png]] [[Image:Two-green-exes.png]] Everything is different.
 
 
 
===Examples of invalid matches===
 
 
 
[[Image:One-red-circle.png]] [[Image:Two-red-circles.png]] [[Image:Three-green-circles.png]] two of the same colors (red)
 
 
 
[[Image:One-green-ex.png]] [[Image:One-blue-ex.png]] [[Image:One-red-circle.png]] two of the same shape (X)
 
 
 
[[Image:Three-blue-checks.png]] [[Image:One-red-circle.png]] [[Image:Two-green-exes-solid.png]] two of the same shade (solid)
 
 
 
[[Image:Two-blue-circles.png]] [[Image:Two-green-circles.png]] [[Image:One-red-circle.png]] two of the same number (2)
 
 
 
===Additional features===
 
 
 
* Dimensions includes number-search and word-search games in addition to the pattern-search game.
 
* Dimensions includes a computer (robot) assistant.  The robot will help you find matches. It operates on a timer—finding matches after an adjustable number of seconds. The robot is enabled/disabled by clicking on the button the the Tool menu.
 
* Dimensions includes Beginner, Intermediate, and Expert Modes. In Beginner Mode, there are only 9 (3<sup>2</sup>) cards and only two card characteristics. In Intermediate mode, there are 27 (3<sup>3</sup>) cards and three card characteristics. In Expert Mode, there are 81 (3<sup>4</sup>) cards and four card characteristics.
 
* There is an edit mode so that customized word lists can be used in the Word Game (and shared over the network).
 
* Also, you can load custom cards from the Journal.
 
* The grid layout is arbitrary; there is ''no'' need to pick in rows or columns, or one from each column.
 
* The blank cards on the left are a place to display the most recent match; they can be otherwise ignored.
 
* A count of number of matches found is shown in the toolbar; when the robot assistant is helping, the count is displayed as two numbers, where the number of matches found by the robot is in parentheses, e.g., 3(2) would indicate that the robot found 2 matches out of a total of 5 (3+2) found so far.
 
* Dimensions keeps track of your best times (one for Beginner Mode and one for Expert Mode). These times are displayed next to the level-mode buttons on the [[#The toolbars|Tools Toolbar]].
 
* You can select cards using the keyboard:
 
{| border=0
 
|-
 
|Top row||1, 2, 3
 
|-
 
|Second row||q, w, e
 
|-
 
|Third row||a, s, d
 
|-
 
|Fourth row||z, x, c
 
|-
 
|Extra (bottom) row||8, 9, 0
 
|}
 
 
 
''Watch out, because Dimensions can be very addictive.''
 
 
 
=== Other modes of play ===
 
 
 
'''Number Game'''
 
 
 
[[Image:Red-number-5.png]] [[Image:Green-number-7.png]] [[Image:Blue-number-11.png]] Everything is different: colors, prime factors, and representations.
 
 
 
'''Word Game'''
 
 
 
[[Image:Purple-word-moon.png]] [[Image:Red-word-cheese.png]] [[Image:Green-word-moon.png]] The words are from different semantic groups; the colors are different; the font style (bold) matches.
 
 
 
===When there is no match===
 
 
 
[[Image:Activity-VisualMatch15.png|600px]]
 
 
 
On occasion, there is no match among the 12 cards on the grid. If there is no match, three additional cards are dealt along the bottom row as illustrated in the figure above.
 
 
 
===The toolbars===
 
 
 
[[Image:Activity-VisualMatch-NewGame-Toolbar.png|600px]]
 
 
 
The Main Toolbar (from left to right):
 
:(a) The standard Sugar 'Activity' Button used to access the Activity Menu, which includes sharing;
 
:(b) The 'New Game' Button used to access the New Game Menu;
 
:(c) The 'Tools' Button used to access the Tools Menu, which includes a computer assistant and game-level variants;
 
:(d) The 'Numbers' Button used to access the Numbers Menu, which includes a variety of Number Game options;
 
:(e) The number of cards remaining in the deck is displayed;
 
:(f) The number of matches found is displayed;
 
:(g) The number of seconds that have elapsed since the last match was found is displayed;
 
:(h) The current status is displayed; Once all of the matches have been found, the total elapsed time is displayed. Note that there may be some cards left on the playing field at the end of the game that do not make a match.
 
:(i) The 'stop' button is used to exit the activity.
 
 
 
----
 
 
 
The New Game Toolbar (from left to right):
 
:(a) New 'Pattern' Game;
 
:(b) New 'Number' Game;
 
:(c) New 'Word' Game;
 
:(d) New 'Custom' Game;
 
:(e) The robot button is used to turn on/off computer assistance;
 
:(f) The time (in seconds) before computer assistance starts;
 
:(g) The level button switches between 'Beginner' (circle) and 'Expert' (diamond) Modes;
 
::Best times for each level are displayed next to the button.
 
 
 
[[Image:Activity-VisualMatch-Project-Toolbar.png|600px]]
 
 
 
From left to right:
 
:(a) The 'Activity Name' field;
 
:(b) The 'Write-to-Journal' Button (Sugar 0.96+): used for writing notes to the Journal reflection field.
 
:(b) The 'Share' Button used for sharing the activity for collaborative play;
 
:(c) The 'Copy-scores-to-clipbaord' Button: used for copying score history to the Sugar clip board. Scores can be imported into [http://activities.sugarlabs.org/en-US/sugar/addon/4534 SimpleGraph].
 
 
 
[[Image:Activity-VisualMatch-Tools-Toolbar.png|600px]]
 
 
 
From left to right:
 
 
 
:(a) The edit-word-list button invokes a panel in which to edit the words used in the 'Word' game;
 
:(b) Load custom cards from Journal.
 
 
 
[[Image:Activity-VisualMatch-Numbers-Toolbar.png|600px]]
 
 
 
From left to right:
 
:(a) 'Products' Cards;
 
:(b) 'Roman-Numeral' Cards;
 
:(c) 'Number-Word' Cards;
 
:(d) 'Chinese-Number' Cards;
 
:(e) 'Mayan' Cards;
 
:(f) 'Quipu' Cards;
 
:(g) 'Hash-Mark' Cards;
 
:(h) 'Dots-in-Circles' Cards;
 
:(i) 'Points-on-a-Star' Cards;
 
:(j) 'Dice' Cards;
 
:(k) 'Dots-in-Rows' Cards.
 
 
 
The game is then created from digits, one of (a) to (f) and one of (g) to (k)
 
 
 
[[Image:Activity-VisualMatch-Toolbar84.png|600px]]
 
 
 
'''Note:''' In older versions of Sugar, the toolbars appear above tabs.
 
 
 
From left to right:
 
:(a) 'Activity' Tab (Sharing, Stop, etc.);
 
:(b) 'Game' Tab (New-Game Buttons);
 
:(c) 'Tools' Tab (Robot, Play Levels);
 
:(d) 'Numbers' Tab (Number Game variants).
 
 
 
===Gallery===
 
 
 
<gallery>
 
File:Dimensions-2.png|Basic play: two dimensions: number and color
 
File:Dimensions-3.png|Intermediate play: three dimensions: number, color, and shape
 
File:Dimensions-4.png|Advanced play: four dimensions: number, color, shape, and texture
 
File:Dimensions-no-match-number.png|Numbers don't match
 
File:Dimensions-no-match-color.png|Colors don't match
 
File:Dimensions-no-match-shape.png|Shapes don't match
 
File:Dimensions-no-match-texture.png|Textures don't match
 
File:Visualmatch-numbers1.png|Prime factors (1,2,3,5,7 and 11) are used to determine matches
 
File::isualmatch-numbers2.png|There are a variety of representations used in the number-match game.
 
File:Visualmatch-numbers3.png|Roman numerals and dots in a circle
 
File:Visualmatch-numbers4.png|Hashes and products
 
File:Visualmatch-mayan.png|Mayan
 
File:Visualmatch-words1.png|semantic word groups (animal, food, celestial objects) are used to determine matches
 
File:Visualmatch-editwordlist.png|Editing the word list
 
File:Visualmatch-loading-custom-cards.png|Loading custom cards from the Journal
 
File:Visualmatch-custom-cards2.png|Custom cards loaded from the Journal
 
File:Visualmatch-custom-cards.png|Playing with cards loaded from the Journal
 
File:Visualmatch-view-source.png|the source code
 
</gallery>
 
 
 
==Learning with Dimensions==
 
 
 
At a basic level, Dimensions can be used to enhance the observational skills of young learners; they are repeatedly asked: what is the same? what is different? At a deeper level, the concepts of multidimensional sets can be explored.
 
 
 
==Extending Dimensions==
 
 
 
=== Exploring the math ===
 
 
 
The combinatoric math behind Dimensions may be of interest to some learners: See [http://en.wikipedia.org/wiki/Set_%28game%29#Basic_Combinatorics_of_Set] for an explanation.
 
 
 
=== Creating a custom game ===
 
 
 
You can create your own set of cards for Dimensions. Use your favorite program for creating images (Paint, Turtle Art, Record, etc.) to make sets of cards. You need to create at least 9 cards in order to play at the beginner level (3 cards each along 2 dimensions). You can also make a collection of 27 cards (3 cards each along 3 dimensions) or 81 cards (3 cards each along 4 dimensions). The cards must all have the same name in the journal with the exception of a number, beginning with 1 and incrementing by 1, e.g., card.1.png, card.2.png, ... card.9.png. Any image format supported by Sugar should work and you do not have to include the image-type suffix in the title, e.g., card.1, card.2, ... card.9 will also work. Just be sure that the order corresponds to the serialization of your multidimensional space, e.g.:
 
 
 
{| border=1!
 
!card name!!dimension 1!!dimension2
 
|-
 
|my-card.1||one||red
 
|-
 
|my-card.2||two||red
 
|-
 
|my-card.3||three||red
 
|-
 
|my-card.4||one||green
 
|-
 
|my-card.5||two||green
 
|-
 
|my-card.6||three||green
 
|-
 
|my-card.7||one||blue
 
|-
 
|my-card.8||two||blue
 
|-
 
|my-card.9||three||blue
 
|}
 
 
 
You load a set of custom cards from the Journal by clicking on the 'import image' icon [[File:Import-image.svg]] and selecting any one image of your set. The rest will be loaded automatically.
 
 
 
[[Image:Custom-cards-from-Turtle-Art.png|300px|Custom cards generated in Turtle Art]]
 
 
 
The above cards were generated in [[Activities/Turtle_Art |Turtle Art]]. The sample code is supplied with [[Activities/Turtle_Art |Turtle Art]]: <i>set.ta</i>, the code generates a deck of cards
 
and saves them as SVG to the Journal.
 
 
 
==Modifying Dimensions==
 
 
 
===Show me the code===
 
 
 
You can explore the Dimensions source code [[http://git.sugarlabs.org/projects/visualmatch/repos/mainline cloning the project]] directly from git.
 
 
 
==Where to report problems==
 
 
 
There are several known problems with the current version of Dimensions:
 
* Restore from Journal does not work on pre-0.82 versions of Sugar.
 
* Chinese Cards don't display properly on some systems due to a missing font.
 
* There is no indication of whom found the match in group play.
 
 
 
=== Reporting problems ===
 
 
 
If you discover a bug in the program or have a suggestion for an enhancement, please [https://bugs.sugarlabs.org/newticket?component=Visual+Match file a ticket] in our bug-tracking system.
 
 
 
You can [https://bugs.sugarlabs.org/query?status=accepted&status=assigned&status=new&status=reopened&component=Visual+Match view the open tickets here].
 
 
 
==Credits==
 
 
 
Dimensions was written by [[User:Walter|Walter Bender]] and the students from his 2008-2009 freshman seminar at MIT: ''Games, Puzzles, and Other Things to Think With''.
 
 
 
[[Category:Activity]]
 

Latest revision as of 08:58, 25 June 2018

Dimensions

Read at https://help.sugarlabs.org/dimensions.html

The source file has been moved to GitHub