Rotation/Reflection Bumper Squares Bumper Triangles Back to Coding Stories

 

BUMPER SYMMETRIES with SQUARES

 

PUZZLE #1. The 4 rotation symmetries of a square. Click on the images below the canvas to select the first 4 squares, rotated 0 (red), 90 (blue), 180 (green) and 270 (yellow) degrees, as shown at left. When you click on Run Code, the squares move, collide, apply their rotations to one another, and change their colours change based on the resulting rotations. Can you predict what will happen? Click on Run Code to test your prediction. More investigations: (1) Notice the splatters left behind as a result of collisions. Run Code a few times and observe the frequencies of the colours. Do you notice any patterns? Can you explain? (2) Use a "step until ..." code block to stop motion when all squares have the same rotation symmetry. Are some rotation symmetries more likely than others? Why? (3) Change the parameters of the code blocks and notice the effect.

PUZZLE #2: The 4 reflection symmetries of a square. Click on the images below the canvas to select the last 4 squares, reflected as shown at right, with respective colours of orange, cyan, purple and pink. When you click on Run Code, the squares move, collide, apply their reflections to one another, and their colours change based on the resulting transformations. Can you predict what will happen? Click on Run Code to test your prediction. More investigations: (1) Notice the splatters left behind as a result of collisions. Run Code a few times and observe the frequencies of the colours. Do you notice any patterns? Can you explain? (2) Use a "step until ..." code block to stop motion when all squares have the same rflection or rotation symmetry. Are some symmetries more likely than others? Why? (3) Change the parameters of the code blocks and notice the effect.

PUZZLE #3: The 8 symmetries of a square. Click to select all 8 squares, representing the 8 symmetries of the square: the 4 rotation symmetries shown above-left and the 4 reflection symmetries shown above-right. When you click on Run Code, the squares move, collide, apply their transformations to one another, and their colours change based on the resulting transformations. Can you predict what will happen? Click on Run Code to test your prediction.

MORE PUZZLES: Create your own! What's an interesting combination of symmetries of the square that you might try? What result would you expect? Why?

Tech tips: If code window does not appear at right of canvas ... On laptop: use Control or Command key and minus (-) key to reduce screen resolution. On tablet or phone: use touch commands to resize screen or scroll to access code window below canvas.

Terms of use: This app may be used for classroom teaching, accessed from this website. This app is part of ongoing research by George Gadanidis (and colleagues) and may not be used for other research.

Credits: By George Gadanidis & Chris Yiu. Development, research and outreach support from ORF-RE, SSHRC & MKN.

 

Your browser does not support the HTML5 canvas tag.

Symmetries Rotation 0 Rotation 90 Rotation 180 Rotation 270 Flip 0 Flip 90 Flip 180 Flip 270
Start 0 0 0 0 0 0 0 0
Current 0 0 0 0 0 0 0 0