colouredTiles.png
Click to open the Colour Tiles tool in a new window
MAKE ME SOME SPACE Home | mathies Tools | Colour Tiles

iTunesAppStore.png
GooglePlayStore.png


Examples
Features of the Tool
Features of Updates Videos
Keyboard Shortcuts
Links

Use the Colour Tiles Tool to represent numbers, ratios and percents. Explore patterns and measurement. Create geometric designs. Users can change colours, shapes, create mirror images, rotate, and clone selections. Three shapes are available: squares, circles, and rounded squares. Three sets of colours combine to give almost 100 choices. Use the underlying grid, with or without number labels, to help position and count tiles.

Take a screenshot of your work to share with your teacher or add to a portfolio.
You can insert pictures
into the Tool using theimportPicture.PNGbutton.

top

Examples

Representing

ColourTilesiPadSS1.png

external image FLdAVOQnVAh1GQxwAc9VHDwMMQhtrDibbwk2g3vavmFB_wrUSLXsdvQ-7LlAKKEo_aON-mseLkjUG_OXzusgqKkTaMsxp4EPahO0AB9OjADj1ZK8LV8K0WEhjY3B6AEjpKdIk9_V


Model Operations



external image mxeNBI-WZirFsNaeag70kYJT_82F47O0NbDCQpkaNFkh7iBpbIPQgCrBYkbJK6g81mAcApUUpQtLAbvx8dBSYR8Z4-ejaWOHzuS8yoTNzdZECr2jLCMyhI4FvGdwEh2CjdSJzCTE

external image 2pBpE6DBP5a9YR1_jCbib7Y3RFd-23nbPBx5NIrsGaLwv0PTm4Vc1NbDIHHdSoeTyFlH1dGmh8xQSTpilvwxvxXVVvJb7DatZjtv8WZnQR2-niql3yminCqf5vR4SkbBA8C2ozA3

Patterning

ColourTilesiPadSS2.PNG

external image wniVhYDEFl_mkyZV0aUIVbgXzxv8tcmyeZz-cOLxZMQDB8gO7PtKbikZqXehOu_Hprw1XT5X5uXBjQXgkFg4zDBkhw-ThKVUGzoim_oXoaUiYrZuTJpkTpJJmDZg_jenRU8DOR2-
ColourTilesiPadSS3.PNG
Linear Growing Patterns

external image kpbw2hhgYZSmKGTO6VZhU-hS7sZn2sCZkIdjjKKS8woSOQEiXm0zJ5f0lGFjHbt3LwxMUEFj3gDIrwjmpINwwUZSKK6uno9sYgSaicKLAltMtR5_OWaj-akGFQDJ4tLPGLFUj3FQ
AB
TablesChairsPattern.gif
Tables and Chairs

Measurement and Geometry

ColourTilesiPadSS4.PNG

Creating Nets. These could be printed out and constructed.

Net.gif

Beading
The Beading set of tiles grew out of the "Connecting Indigenous and Western Mathematical Ways of Knowing" research project that Dr. Ruth Beatty, Lakehead University, and Danielle Blair, Provincial Math Lead, have been doing in partnership with select First Nations, M├ętis, Inuit communities and Ontario school boards. Students can use the tool to design their loom bead work and engage in mathematical discourse around pattern, number, symmetry and transformations.

An Eganville District PS student using v1.0 of Colour Tiles as part of loom bead study
An Eganville District PS student using v1.0 of Colour Tiles as part of loom bead study


top


Features of the Tool

Colour Tiles now opens with a choice of three sets of tiles.
external image -YjDvgaF3g1UUzNf7LrPRpRg9ZS2FJaet9OvPAfdSyAe4EJygsP2SC1n9BwXLf-kfZjXaVUMx6ksfrLKfbsNwQJDcPpzP0aYmPdqivYIUhNv9E3HxeoR48MFa9owATwypWcwT1pV

Buttons


Button_Annotation.png

Annotation Tool

Make notes or highlight various features of your representation. More details.
importPicture.PNG

Insert Image Button

You can insert images into the tool. More details.



Button-UndoRedo.png

Undo/Redo


Step backward or forward through your actions with the tool.
This feature is not only useful for backtracking when a misstep is made, it enables a student to demonstrate their work from the start to the finish. They press Undo until they are at the start of their solution and then press Redo repeatedly, explaining each step.
Button_Reset.png

Reset

Delete all your work and return the tool to its starting state.
Button_Info.png

Information

Opens a dialog with a link to this wiki, a feedback form as well as copyright details and version number.

external image 60KeiCQ1tCxkhvJisN-hp_p4o0Uk58rOpvf9Edgr1uqCmix1wSDrCU2XKAlVBJvsim22qU9EBWKiEH3wP7-J175ZZTzL_O0JYDeKmXC41MeCBh1fjYJhj_Oh-iKz3XMZ_L3KGtgb
Button_Settings.png

Settings

Shows the settings dialog
external image WpNj5PYjsIgaprQsJP-9W9hiX-NZ18MuI4ssUNC7CXkp81HgVivfJ7jHDO94dUAkJSJ9D9Y8H-e6RlEV1ZclFqym5hnO-gtuWHlNtObQBKD5aA0X8yBa570UmRGZZDqxLaUWAmHq
Changes to tile shape and roundedness can either be applied only to the cloner tiles in the selection panel or also to the tiles in the workspace.
Button_Recycle.png

Recycle

(in the work space)
Click to clear selected tiles. If nothing is selected, the entire work space will be cleared.
Alternatively, drag items to the recycle bin to remove them.
ColourTiles-TileSizeButtons.png

Tile Size

Increase / decrease tile size.
ColourPaletteButton.gif

Change Selected Tiles

Show the moveable Change Selected dialog to change the colour or shape of selected tiles.
ChangeSelectedDialog.gif
ExtendSelectionButton.gif

Extend Selection

All tiles that have the same colour as the currently selected ones are added to the selection. If no tiles are selected, all tiles become selected.
ColourTiles-TileCount.png

Tile Count

Show the moveable dialog with a count of each colour of tile.

external image rIhLqdF2ha8nlGU3rm4a8LdVZnkSWvAg77heuR4ZxKG67mqjp4HnXWkWDOAlq2dE_EoTPq89lrtmegWDX_gUfKwdusfec1MlMAxFRbBm94rCeyVOVcfcvyIbIcGoSpL21vxWqysc

Other Functionality


Multiple-Selection.gif

Multiple Select

Draw a marquee rectangle around a tile, or group of tiles to select it. Hold down the SHIFT key to add to the previous selection.
If tiles overlap, only the tile at the top will be selected (unless you hold down the ALT key).


Click a tile to add to or remove from selection.

Selected tiles can be moved, copied, rotated, reflected vertically or horizontally, or recycled as a group.

The grey button at the top right will compact these controls into a moveable dialog.

CompactControls.gif

Simply close the Controls dialog to bring the controls back around the selection. The controls are only visible when tiles are selected.



Click on a cloner tile
in the selection panel
to change its colour
(Beading and Multi only).


external image Aza965Z0nJvRtuIoRNueWFgYcVCJ5WU-jcolWkBhooM8qBo6e2l9_Hk13E_b5YKYRNvCNzEBBq-gNVffjMme6GVb20_flXTutH_2Kn8T13mcLI5gDtQ-V6V6ivSlqSUzJZ8dW49q
top

Features of the Updates Videos


View a movie about the new features in v1.1
(Opening Dialog, new shapes and colours, new Change Selected dialog, new Settings dialog, new Extend Selection by Colour button, new Count dialog, changing cloner tile colour, and top layer selection).

Not working? Try mp4 format


View a movie about the new features in v.1.1.1
(Changes in v1.1 brought to mobile, changes and performance improvements to undo/redo, compact Controls dialog, and multiplier keyboard shortcuts).

Not working? Try mp4 format

top

Keyboard Shortcuts

On the desktop version of this tool, all of the standard Keyboard Shortcuts have been implemented as well as the special movement, rotation and reflection keyboard shortcuts.

To change the multiplier use 1, 2, 5, 0 (for 10), SHIFT+0 (for 100).
CTRL/SPACE + 1 through CTRL/SPACE + 6 adds a tile matching cloner 1 through 6.
CTRL/SPACE + SHIFT + 1 through CTRL/SPACE + SHIFT + 6 changes the selected tiles to the colour of cloner 1 through 6.
CTRL/SPACE + ALT + 1 through CTRL/SPACE + ALT + 3 changes the selected tiles to squares, circles and rounded squares, respectively.
CTRL/SPACE + E extends selection to match the selected colours (just like the button).
C shows/hides the compact controls.


Links

mathies Colour Tiles Learning Tool Tip Sheet
EduGAINS one pager on Colour Tiles
EduGAINS video: Colour Tiles - Multiplication of Fractions
EduGAINS video: Two Coloured Counters - Zero Principle


To be among the first to find out about latest digital tool developments, sign up for our email list at http://mathclips.ca/WhatsNewEmailList.html.
@ONmathies on Twitter

top