Art is something that relates to color and how it can be used to create depth and focus. Also using repetition of key shapes to create to iteration based work is important. This repetition is not only in reusing the shapes, but scaling and rotating them to give them their own properties to them. Also at the same time adding motion to it, to show how all these things works together to create a unique work while it is spinning in a circle. Also allowing the viewer to look at how color and motion can change the depth and the look of a peice. By this I mean giving the viewer a choice be it limited or open one that allow them to pick the color of the work. By giving the viewer the power to choose the color of the piece, it is always changing from person to person on how the final work looks. Causing the viewer of the work to change the color scheme and how many layers there are at one given time, causes the onlooker to be the one who has final artistic choice not the artist.
So the piece is one shape that has been repeated to make an iterative art piece where the same shape gets smaller and smaller slowly moves up to create this spiral effect. Then it was copied and rotate twice to add layers to it create depth in. To add to this the color and the different choices of color creates different amount of depth in the work. Then it was rotated show how motion adds to depth, space, and form. The shapes and coloring were all done in illustrator. The spiral was made using an effect called transform that allows me to pick how my iterations of the shape I wanted and how they would be placed. After this I simple coded them into html as images that had zero opacity and change to be shown when the color was clicked on based on which layer it was in. I made a toggle so only one color from that layer could be used at a time. Also I made an overall toggle for that layer to off all colors. I had the opacity transition set on bezier curve for 1s so it had a slow in and slow out with fast in the middle to make the transitions between the colors smooth and clean looking. The motion was created by using a setinterval that started on load so it was rotating initially, but it could be stopped using a clearinterval with a boolean that turned it to false. Then one could restart it by hitting the play button, this reran the setinterval making it true. The boolean was made so you could only hit the play button once and not multiple times to speed up the rotation. I wanted the viewer to still to have a limited amount of influence over the work so I only allowed them to choose from 6 color options for each layer. I wanted the viewer to realize that gradient color creates more space within the piece, while flat colors flatten the piece greatly unless mixed with some gradient colors. I still wanted some control over what the final piece looked like so by limiting the color, there is only 384 options possible for the viewer to get, this way I had some control of what the finished product looked like.