Month: September 2023

OUT OF THE BLUE

In mini project 4, it’s more about experimenting with the for loop statements. We aimed to create 9 still images made out of repeating visual elements. This is a fun project as we can do experiments and guess the final result. For my work, I combined different shapes and sizes of circles with lines with the shades of blue. Moreover, I don’t draw the result of the pattern in my head first, but I play with the variables and number, and when I’m pleased with the visual output.

 

The properties that I have manipulated in my work are iteration (‘i=)  and color of the shapes. I also care about the color composition. Not only the amount of iteration, it’s also the sizes of the shapes. For the iteration, I did a guess and check, if it doesn’t fit the composition i would change into a higher or a lower number.  I also change the orientation of the shapes, whether it’s in the correct position or not, to make the output have a balanced composition.

REFLECTIONS

How is drawing by hand from observation different from programming the computer to draw for you? Can you think of some commonalities as well?

Drawing by hand and programming the computer to draw have some differences. Where, drawing by hand you, it is more flexible in making changes according to your creativity. While in computers you need to ‘guess and check’ your variables to the result, it’s more random.  However, the computer is more accurate in drawing geometrically perfect shapes and patterns. While drawing by hand to draw a perfect circle we need the tools to do the same thing with straight lines. 

Both of them still allow us to express our creativity in our work. Also both of the processes need the understanding of composition and principles such as balance, contrast, color theory, and spatial relationships to create aesthetically pleasing images.

What makes a good generative pattern?

I believe that making a good generative pattern is one that captivates the views and conveys a sense of order or structure, giving the viewer an aesthetically pleasing feeling. Good generative pattern also has a correct balance of composition and colors in their work, which makes it pleasing to the eye. 

In Mini Project 3, I had the opportunity to explore several motion concepts introduced during our class sessions. These cover fundamental principles such as sine and cosine functions, mapping techniques, noise motion, and circular motions. The main point of my project is the  “Rainbow Circular Motion,” which is the centerpiece of this abstract. Furthermore, the sin and cos movements are supporting elements, with a soft color not vibrant so it doesn’t overpower the rainbow circle. Next, the letter ‘X’ is made by the circular shapes having the intersection points to evoke a sense of harmonious circular motion. The symmetric color ,also a rainbow color, on the left and right to make the circle also the main point. In the middle of this colorful composition, the white background serves as a canvas, to increase the vibrancy of the rainbow hues, making them truly pop and captivate the viewer’s attention.

 

the script for the Rainbow angular motion: 

the script for the “X” circle: 

the script for the sine cosine functions: 

PROJECT A DESCRIPTION

My storyline for my project A will be about stingrays. Which will cover the mouse movement, angular motion, and sine cosine functions. The story will start from stars falling into the ocean, casting a spell of magic beneath the waves, with the mouse movement for the moving the ‘stars’ in the ocean. The falling stars will apply the motion of noise.  The harmonious rhythms of oscillations and sine cosine functions will draw the waves. The inspiration for these waves derives from the creation of Doxia Studio.

 

Portfolio

Stingrays will appear with bubbles blocking them from meeting each other. This is where the mouse movement will be applied, “move the bubble to unite the two stingrays.” After both of the stingrays meet, an angular motion inspired by Katharina Brunner, will appear around the stingray that signifies magic is happening.

Software

the angular motion, you can press the stingray’s dots and to make more stingrays appear to your screen. 

 

LOLLIPOPS FROM THE CANDY SHOP

The second mini project that is about interactive drawing is very interesting and fun to explore. This project focuses on using variables, if-statements, mouse and keyboard interactions. In this mini project, what first came into my mind was about what will children be attracted to. Candies and lollipops came into my mind. So I wanted to make a story line on which, first the candy shop was shown in the first frame. To get some lollipop, users need to cover the house using the mouse which created a rainbow colored mouse. After that, you can see the lollipop and color the lollipop by moving the mouse. From there you get the lollipop and more lollipops. 

In the first frame, I applied mini project 1 assignment into this assignment by drawing the candy shop with codes. The next frame I applied the movement of our mouse where it will draw a circle similar to sprinkles which are colored rainbow. Next, the lollipop will appear and when you drag the mouse inwards the lollipop will give color to it.  After the lollipop appears and you have colored it, meaning you have the lollipop already. Another colorful circles will appear and it changes color in the last frame. On the last frame, you can draw more circles with color pink, green orange. This happened with the if (keyIsPressed) conditionals.

In this project, the variables are used to make coding easier . You can add, subtract, multiply, divide, and perform other mathematical or logical operations using variables. For instance, consider the rainbow mouse, which gracefully glides with “circle(mouseX – 10, mouseY – 10, 7),” all made possible through variable manipulation.

The conditionals I use in this programme is if(counter< x) which means if the frame changes the object inside the stated frame rate will appear. Also with the if (d < 105 && d > 90).

Which color the lollipop according to the if statements. Other than that I also use the true false stat

ements or boolean variables with “start1,” “start2,” “start3,” and “start4”. The reason for this is that the programme will only run the background once and not cover the previous sketch. 

Keycode refers to the keys for example up shift left and represents the numeric value While key represent  represents the alphabetic letters for a -z

<iframe src=”https://editor.p5js.org/Sharren-tanuwijaya/full/hnYsKdCoD”></iframe>

REFLECTION 

In my own understanding generative art is a creative process through the boundaries set by the rules you have created. It often involves randomness, interactivity, and the manipulation of parameters to generate unique and dynamic visual experiences. 

In the context of  Mini project 1, for the computer to run and display the results on the screen  we should follow the rules and references that p5.js has to make shapes. According to the article, this is called PSEUDO RANDOM art because it involves the manual input of background sizes, shape specifications and coordinates

On the other hand, Mini Project 2 is similar to creating a simulated ecosystem, where we have the freedom to select any object and develop it with different shapes and lines with the coding script. For example you can make flowers when you draw lines with the mouse. Both of the mini projects are code-based to generate an artistic expression in and it aligns with the meaning of generative art. Where the code defines the rules and parameters that guide the creation of visuals, similarly, in Mini Projects 1 and 2, code was used to manipulate and create digital art.

The contrast of both mini project 1 and 2 to generative art is that generative art sometimes uses algorithms and usually it’s more into experimenting  and exploration. While the project isn’t using algorithms but using the references that p5 provides and we manipulate the numbers. Which is more simple. Moreover, the mini project 1 specifically isn’t an exploration because we need to code based on the picture and draw that we did previously. The mini project 2, it depends on the student whether they code first and try to draw it on the screen, and this will be called exploration. But if they have the drawing in their mind and code it, it is not exploration. 

RULES

-Start with 10 different perfect circles with different sizes in the paper, draw it randomly 

–Second, draw perfect lines connecting each circle, the circles can be connected more than once

-The line can overlap the circles and other lines.

 

During the process of setting the rules, the first rule is randomness. After the first rules, I visualize it  and continue the rules with what can be nice to continue the first rules. Then, when i’m done with the set of rules i’ll try to visualize it in my head and if it gives me an interesting drawing in my head then the rules are ready. Yes, the drawing is generative, the rules are made to make a certain art. This is also random since the artist will follow the rules which produce different output depending on the different sizes of the circles the drawers create and the amount of line.

CODING THE BUND 

<iframe width=”500px” height=”500px” src=”https://editor.p5js.org/Sharren-tanuwijaya/full/EWVYy7Av_”></iframe>

 

 

 

 

 

 

 

 

外滩 or The bund has been my favorite place for me to have a break from daunting school days. Each and every side of it is very  unique and a captivating beauty. One particular moment stood out to me when the Bund turned purple, I captured it and its radiant colors harmoniously juxtaposed with the architectural elegance to the right. This image inspired me to transform it into a symphony of shapes and colors in this mini project 1. My vision is to make the Pearl Tower to be the centerpiece of the drawing with a vibrant color of purple. As for the buildings on the left I put complementary tones ,so it doesn’t steal the Pearl Tower’s spotlight. I opted the color yellow for the building on the right side, to add a touch of vibrancy and also to prevent the drawing from becoming too monotonous. The brighter appearance of the building in the photograph gives me this idea. Importantly, this choice ensures that the Pearl Tower remains the main character and undisturbed in its spotlight

In this project I mainly look at the references. When I have something on my mind that I want to insert into the canvas, I look at the references. After knowing the script, I change and modify the numbers. I want to do exploratory programming when I fully understand and master the basics. Exploratory programming fosters creativity and innovation, and I might use this during the initial stages of a project to brainstorm ideas

Drawing in a paper it’s much easier for me as you can change the coordinates without approximating and write into codes. Also, if you have any other additional element you want to add, you don’t need to look up the reference or the rules for coding. You just need an eraser and a pencil for it. 

Last, shoutout to Linxi cc who helped my project and gives me the idea that coding is fun!!