Repeating Patterns + Code + Art

By George Gadanidis & Chris Yiu. See classroom videos from Grades 1/2 and Grades 2/3 in Ontario and Grades 1/2 in Brazil.

With development, research and outreach support from ORF-RE and SSHRC.

BEAUTIFUL PATTERNS

Patterns are beautiful, especially when you can create them with colour and sound.

Click on Run This Code to see the pattern.

PUZZLE 1

Edit the code to create this pattern.

PUZZLE 2

Refresh your browser. Make the edits circled at right. Click on Run This Code to get the patern below.

Edit the code to get the patern below.

PUZZLE 3

Edit the code to get this pattern.

PUZZLE 4

Edit the code to get this pattern.

PUZZLE 5

Edit the code to get this pattern.

MORE?

Can’t get enough of math + coding?

Get the repeating patterns tutorial. Get the fractions tutorial too!

       

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

Your browser does not support the HTML5 canvas tag.

Save Image
Pattern List