week 2-Morphing Ripple

concept:

“My artwork is derived from early computer graphics, with its use of dynamically changing, concentric forms. I‘d prefer to utilize symmetry and repetition in an attempt to produce a hypnotic rhythmic effect, similar to early computer artwork.”

highlight of the codes:

I’m particularly enjoying the loop structure I designed for generating concentric shapes with iteratively altering colors and dimensions. That recursive algorithm generates a rich, multi-colored effect that looks complex but is achieved with relatively simple code.

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
function setup() {
createCanvas(400, 400);
noFill();
}
function draw() {
background(0);
let x = width / 2;
let y = height / 2;
for (let i = 0; i < 10; i++) {
push();
translate(x, y);
rotate(frameCount * 0.01 + i * 0.1); // Rotate dynamically
stroke(0, 255, 255); // Cyan-colored square
rectMode(CENTER);
rect(0, 0, 6, 6); // Small square inside the circle
pop();
}
}
function setup() { createCanvas(400, 400); noFill(); } function draw() { background(0); let x = width / 2; let y = height / 2; for (let i = 0; i < 10; i++) { push(); translate(x, y); rotate(frameCount * 0.01 + i * 0.1); // Rotate dynamically stroke(0, 255, 255); // Cyan-colored square rectMode(CENTER); rect(0, 0, 6, 6); // Small square inside the circle pop(); } }
function setup() {  
  createCanvas(400, 400);  
  noFill();  
}  

function draw() {  
  background(0);  

  let x = width / 2;  
  let y = height / 2;  

  for (let i = 0; i < 10; i++) {  
    push();  
    translate(x, y);  
    rotate(frameCount * 0.01 + i * 0.1); // Rotate dynamically  
    stroke(0, 255, 255); // Cyan-colored square  
    rectMode(CENTER);  
    rect(0, 0, 6, 6); // Small square inside the circle  
    pop();  
  }  
}

 

the sketch I indetened to use

Week 1-self portrait

Concept of the Self-Portrait
In this self-portrait, I tried to represent a more simplified and stylized version of me through emphasizing more geometric shapes and clean lines. The hijab is a very big part of my identity, and through soft curves and bold colors, I tried showing elegance. Therefore, the intention was to be harmonious and balanced in that composition-representative with minimum design. In the future, I would like to add more detailed features, such as patterns on the hijab or dynamic animations that could give it more personality. even making it seem more decent and realistic

The self-portrait uses a hijab which is drawn in arcs that wrap comfortably, gracefully around the face, I was trying my limits to make it creative. reflecting comfort and simplicity. The minimalist approach uses clean shapes for eyes, eyebrows, nose, and a subtle smile to show very expressive yet understated design. This artwork used soft, warm skin tone colors versus deep black from the hijab, which really exudes balance and harmony. It can be customized for any given user’s preference-for example, using a different-colored hijab color by calling fill(), complex patterns, or gradients for texturing. Future enhancements could include animating the hijab to simulate a fabric-like flow, adding a sunlit room or cultural motifs as a background to enrich the narrative, and introducing interactivity, such as clicking to change hijab colors or toggling facial expressions. These features and enhancements aim at creating a dynamic and meaningful representation of identity and creativity.

// Draw hijab
fill(0); // Black hijab
arc(200, 200, 150, 200, PI + QUARTER_PI, TWO_PI – QUARTER_PI); // Main hijab
arc(200, 230, 200, 280, PI + QUARTER_PI, TWO_PI – QUARTER_PI); // Outer hijab layer

this was the hardest dealing with this self-portrait since I couldn’t make it seem more realistic