For the dynamic assignment, I chose to derive from eight small squares and place them into the four corners of the canvas. I only used three colors (Red, Green, and Blue) and filled them into each square. I then used the translate tool and directed the point to the center of the canvas. Then I sketched a square at that position and made it rotate at the same angle as those eight squares. Each of the squares rotates at the same speed. However, some rotate in a clockwise direction, and some rotate in a counter-clockwise direction. I struggled a bit to find a way to let those squares rotate in the direction I wanted, not all in one direction and one speed. The push and pop tool perfectly solved the issue for me. Another difficulty I encountered in the process was aligning those squares perfectly.
For the static assignment, I chose to draw twenty-two think rectangles and each of them has the same distance from the one before and after. I used translate(width/2, height/2) again to place the first rectangle in the center of the canvas. Then I used rotate(-PI/4) to rotate the rectangle into the position that I want the rest of the design to derive from. I also used for statement to save the work of listing out coding for every single rectangles. Then with RGB each multiplies 255% I made the design to change colors on its own.
Link to Google Drive Folder: https://drive.google.com/drive/folders/1HMMAQEW3tW_055XUpT5LLpBIH1WuWG1i
Link to coding: https://editor.p5js.org/ywh250/sketches/DCA1pKVL0