mouse press to change

mouse hover to change

The tangram puzzle consists of 7 geometric pieces which are normally boxed in the shape of a square. The pieces are used to create different patterns including animals, people, numbers, geometric shapes and many more. I tried to use the “function” syntax and slide bars in P5 to make these different patterns.

At first, I thought it would be eaiser to make it by using “rotate()” syntax, but I’m a little confused about its parameters. I can’t make each triangle or rectangle rotated at the relative coordinate of itself.

So, finally I use the (x ,y) as variable for each group of pattern. It took a lot of time to draw every seven pieces of each pattern.


When I tried to modify the switch effect of the slide bars this morning, I just clicked “Ctrl+Z”, then suddenly my code totally disappeared. The saved version also changed to a new sketch automatically.

This is the last screenshot of my sketch…


Finally, I finished the coding after I learnt about how to use rotate(a), push() and pop(). It’s easier to draw the seven pieces and make them up into different patterns. My codes are here: hover  press