Rotating triangles

Hi there! Nine triangles, three colours, all spinning at slightly different angles — and it only takes a few lines of code to create it. Click anywhere on the sketch to pause it, click again to restart it. Edit the code and see what you can create.

For ideas to try look for the ▶ icon or the highlighted '//try' sections. For example you can change:

The number of triangles (change 9 to a different number).
The colour of the triangles.
The speed of the rotation (change 0.02 to a slightly higher or lower figure)

or anything else that you so choose!

Simply make the change to the code and press Run.

Want to go back to the original code? Easy, just press Reset.

⭐⭐⭐ Click on the sketch to make the triangles rotate. Click again to stop ⭐⭐⭐

Thanks to the p5.js community for the p5.js library (p5js.org) that runs the sketch in this editor. Note: The code in this editor is provided 'as is' for educational use only.

Learn more about the code editor and setup() here >>>