I did this week’s assignment after watching the video, and the loop statement mentioned in the video inspired me. Using a loop statement, I attempted to draw a swallow grid. Then I found I could make changes using conditional statements, and the result looked like a mosaic. So my work seems not to relate to making choices… But I do like it.

Conditionals are essential in complicated circumstances, but they need greater logic and reasoning. It’s not easy for me. I’m still working on it.

Code 1

Code 2

Questions:

• And I even try to make the color to be random, but the image had severe splashes. I guess the reason is the random function in the loop.
• Is there any method to simplify my code? The code is too long and has a lot of repetitive logic.

This week I tried to add some new functions to my self-portrait and make it more playful.
 

Code: https://editor.p5js.org/LangQIN06/sketches/Yyen-qJQU

I found Bezier which annoyed me last week give me some surprise that I can add variables to the control points to make the bangs wave. Although rotating ellipse can make a similar still effect but difficult to give animation flexibility. 

Besides. I attempted to make some other practices to have a better knowledge of these functions.

I used the functions of the translate/random/sin/cos/mousePessed to create a “Saturn”. And using the functions of map/random/translate to make the “Changing with Mouse”.

Saturn Code: https://editor.p5js.org/LangQIN06/sketches/GaeQjrxfo

Changing with Mouse Code: https://editor.p5js.org/LangQIN06/sketches/gVLP4mqcX

The trouble I got is that I try to make the animation like “Saturn” as a background, like the bottom layer in Photoshop, and put some animation like”Changing with Mouse” on the top layer. I want to combine these two practices but have no idea what to do with them.

Since the random colorful circles in “Saturn” is the result of looping. However, the “changing with mouse” only could be shown in the background only run once. I wonder about is it possible to combine these two together? 

I painted my hair in my distinctive pink gradient, which has been my hair color for five years. I also sketched a green eye (to discover happiness) and a blue eye (to know sorrow). To demonstrate my yogic identity and to convey my energy from the Heart Chakra, I also painted the Namaste gesture.

https://editor.p5js.org/LangQIN06/sketches/SwGPjs5im

I couldn’t remember the last time I sketched myself. Every chance I get to create a self-portrait is cherished. It is an opportunity for me to know myself from a third view. I used Procreate to draw a self-portrait before I started my assignment since I enjoy the freedom that brushstrokes allow me.

Then I made a preliminary draft on Ai using the most basic geometry to assist in my P5.js coding.

There are 3 problems that I cannot solve in this task.

The first problem is that I want to draw bangs with curves. I applied the 2 ellipses and angled them to make bangs in AI. But I find it challenging to rotate the ellipse’s angle in P5.js. It was difficult to draw using Bezier, and it took a long time to identify the proper control points.

The second problem is that I don’t know how to implement gradient filling in P5.js. To convey the impression of gradient, I can only utilize repeating patterns.

But here comes the third question, is there a function that can be used to simplify the code for graphs with a finite number of repetitions, just changing position and color?

TWO Note:

1. The setting points in Bezier and Curve are opposite.
2. Arc is calculated clockwise from the fourth quadrant.

      PI + QUARTER_PI, TWO_PI means (TWO_PI)-(PI + QUARTER_PI)

I enjoy reading and writing because they allow me to express or transmit thoughts. But I’m hoping that finding a new approach goes beyond words. It is challenging to persuade people to pause and read a book, a chapter, or even an article in the era of information fragmentation. However, there is no stopping the spread of culture and the exchange of ideas. It is inevitable to keep pace with time and seek new ways of expression. For me, that is what computation means.

When it comes to conveying new ideas, reminders, cautions, or inquiries, computation is the best technique to get people to interact with a variety of media. I am aware that a lot of the topics being discussed today are related to relationships, adjustments, impacts, and results. Variables and randomness will frequently be taken into account and used in artistic expression, so computation can effectively satisfy our needs.

I came across Oasis and Listen to Wikipedia on the Inspiration Wiki Page, which seem to be interesting but include concealed thought that causes people to pause and reflect. In a previous project, I tried to explain the scientific truth that life is comprised of dust and has many incarnations, as well as the philosophical idea behind it. I made this project with a lot of business thinking because finance was my major. By utilizing consumer psychology and curiosity to develop a customized bath ball brand, the original concept aims to attract people through a compelling brand story and ethical business practices. I want to add more engaging experiences, attempt more artistic expression, and broaden communication so that more people can engage in it. I want to do this using computing and other technologies, such as the real-time Vision Engine.

What sort of project I will do this semester is not something I have planned out in detail. The life and education to come will infuse me with fresh inspiration.