Assignment 1 : A Sequence Of Primitives

For this project our goal is to create an animation that presents a statistic from the UN Sustainable Development Goals. We have a series of instructions that makes it beginner friendly in the way that it is achievable yet challenging enough for us to learn and progress, this restriction are making sure that the sequence consists of simple geometric shapes and we can only use grey scale.

---

So the UN Sustainable Development Goals that I have chosen to look into is Goal 5: Achieve gender equality and empower all women and girls.

STATEMENT OF INTENT

Approximately 40% of woman and girls in 30 countries have undergone Female Genital Mutilation(FGM).

First of all I chose this statistic because I was shocked by this data. Female Genital Mutilation(FGM) is a surgery that is performed to women to get rid of parts of their external genitalia that has no-medical reasons and has a series of health risks associated. What's even worse is that it is often performed to girls between infancy and the age of 15.

What I wanted to portray through my GIF is first of all the straight-forward idea of parts being removed. I also wanted to show a progression from square which represents a girl and/or women that has edges and is not perfect being carved and shaped to get rid of all the sharpness and personality into a circle which others consider 'well-rounded' and 'perfect' portrayal of the female stereotypes.

I want people who sees this GIF to understand that girls and women should be able to have control over her own life. Also tell people who are like me who never knew nothing about FGM know that in this world there are still so many women that are suffering from this inhumane act.

---

BRAINSTORMING STORYBOARDS

To begin my storyboard I researched different statistics that is related to get me started.

1. Globally 750 million woman and girls were married before the age of 18.

2. Approximately 40% of woman and girls in 30 countries have undergone Female Genital Mutilation(FGM).

3. In 18 countries, husbands can legally prevent their wives from working.

4. In 39 countries, daughters and sons do not have equal inheritance rate.

5. 49 countries have no laws that specifically protect woman from violence.

6.1 in 5 woman and girls, including 19% aged 15-49 have experienced physically and/or sexual violence by an intimate partner within the last 12 months.

I was most passionate about the ideas presented two of my ideas which are indicated by the red ticks. The first one if you can see has a 6 labelled on the top to represents the stat that '1 in 5 woman and girls, including 19% aged 15-49 have experienced physically and/or sexual violence by an intimate partner within the last 12 months.' and the other one labeled 2 narrates 'Approximately 40% of woman and girls in 30 countries have undergone Female Genital Mutilation(FGM)'. I was at a difficult point where I didn't really know which one I should choose, so I discussed it with my tutors and decided to ask for others opinion. Through the discussion with other people I noticed that if I showed them the statistic, did no explaining and showed them the storyboard, number 2 was a stronger statement so that's what I continued to develop on.

DEVELOPMENT

I have been experimenting with different ways to present the 40%, but they somehow all seem out of place and interferes with the dominance of my sequence so after weighing the level of importance I decided that I want to keep and clean and sharp.

Another element I tried adding were dashed cutting lines which I also gave up because they won't very clear because of the restriction of colour, the colour red would probably be more powerful. Also I wanted to keep it more abstract which gives others more space for creativity and thoughts.

REFLECTION

The most difficult part of this project is creating the code, there are probably many ways I could make my code shorter and more efficient. The part that took me the longest to figure out is how to make a shape with and arc on the side so I decided to go what is probably the hard way which is to make a white arc over a triangle. I think if I were to tackle this next time I should probably seek help earlier and watch all the tutorials before I get started. Also because I'm not familiar with coding my use of time isn't very effective and so I didn't get a chance to try out more of my ideas. Overall I feel like I walked out of my comfort zone and I'm pretty satisfied with what I have created from the narrow knowledge I hold.

---

int frameCount = 0;

PShape s;
PShape a;
PShape b;
PShape c;
PShape d;
PShape e;
PShape f;
PShape g;
PShape h;
PShape i;
PShape j;
PShape k;
PShape l;

int sX=0;
int sY=0;

int aX=0;
int aY=0;

int bX=0;
int bY=0;

int cX=0;
int cY=0;

int dX=0;
int dY=0;
int da=500;
int db=500;

int eX=0;
int eY=0;
int ea=500;
int eb=500;

int fX=0;
int fY=0;
int fa=500;
int fb=500;

int gX=0;
int gY=0;
int ga=500;
int gb=500;

int hX=0;
int hY=0;

int iX=0;
int iY=0;

int jX=0;
int jY=0;

int kX=0;
int kY=0;

int lx1=800;
int ly1=210;
int lx2=500;
int ly2=210;

int mx1=800;
int my1=660;
int mx2=200;
int my2=660;

void setup() {
  size(1000, 1000);
  background(255);

  s = createShape();
  s.beginShape();
  s.fill(0);
  s.vertex(200, 200);
  s.vertex(200, 400);
  s.vertex(400, 200);
  s.endShape();

  a = createShape();
  a.beginShape();
  a.fill(0);
  a.vertex(200, 400);
  a.vertex(200, 800);
  a.vertex(300, 800);
  a.endShape();

  b = createShape();
  b.beginShape();
  b.fill(0);
  b.vertex(400, 800);
  b.vertex(800, 800);
  b.vertex(800, 700);
  b.endShape();

  c = createShape();
  c.beginShape();
  c.fill(0);
  c.vertex(500, 200);
  c.vertex(800, 200);
  c.vertex(800, 300);
  c.endShape();

  d =createShape();
  d.beginShape();
  d.fill(0);
  d.vertex(300, 300);
  d.vertex(300, 500);
  d.vertex(500, 300);
  d.endShape();
  fill(255);
  arc(500, 500, 400, 400, PI, PI+PI/2);

  e =createShape();
  e.beginShape();
  e.fill(0);
  e.vertex(700, 300);
  e.vertex(500, 300);
  e.vertex(700, 500);
  e.endShape();
  fill(255);
  arc(500, 500, 400, 400, PI+PI/2, PI*2);

  f =createShape();
  f.beginShape();
  f.fill(0);
  f.vertex(500, 700);
  f.vertex(300, 700);
  f.vertex(300, 500);
  f.endShape();
  fill(255);
  arc(500, 500, 400, 400, PI/2, PI);

  g = createShape();
  g.beginShape();
  g.fill(0);
  g.vertex(500, 700);
  g.vertex(700, 700);
  g.vertex(700, 500);
  g.endShape();
  fill(255);
  arc(500, 500, 400, 400, 0, PI/2);

  h = createShape();
  h.beginShape();
  h.fill(0);
  h.vertex(300, 300);
  h.vertex(400, 200);
  h.vertex(500, 200);
  h.vertex(800, 300);
  h.endShape();

  i = createShape();
  i.beginShape();
  i.fill(0);
  i.vertex(300, 300);
  i.vertex(200, 400);
  i.vertex(300, 800);
  i.endShape();

  j = createShape();
  j.beginShape();
  j.fill(0);
  j.vertex(300, 700);
  j.vertex(300, 800);
  j.vertex(400, 800);
  j.vertex(800, 700);
  j.endShape();

  k = createShape();
  k.beginShape();
  k.fill(0);
  k.vertex(700, 300);
  k.vertex(800, 300);
  k.vertex(800, 700);
  k.vertex(700, 700);
  k.endShape();

  noStroke();
  fill(0);
  quad(500, 200, 800, 200, lx1, ly1, lx2, ly2);

  noStroke();
  fill(0);
  quad(200, 650, 800, 650, mx1, my1, mx2, my2);

  fill(0);
  stroke(0);
  circle(500, 500, 400);
}

void draw() {
  background(255);   

  if (frameCount >= 0) {
    shape(s, sX, sY);
  }
  if (frameCount >= 10) {
    shape(a, aX, 0);
  } else {
    shape(a, 0, 0);
  }
  if (frameCount >= 20) {
    shape(b, bX, bY);
  } else {
    shape(b, 0, 0);
  }
  if (frameCount >=30) {
    shape(c, cX, cY);
  } else {
    shape(c, 0, 0);
  }
  if (frameCount >= 40) {
    shape(h, hX, hY);
  } else {
    shape(h, 0, 0);
  }
  if (frameCount >= 50) {
    shape(i, iX, iY);
  } else {
    shape(i, 0, 0);
  }
  if (frameCount >= 60) {
    shape(j, jX, jY);
  } else {
    shape(j, 0, 0);
  }
  if (frameCount >= 70) {
    shape(k, kX, kY);
  } else {
    shape(k, 0, 0);
  }
  if (frameCount >= 80) {
    shape(d, dX, dY);
    shape(e, eX, eY);
    shape(f, fX, fY);
    shape(g, gX, gY);   
    fill(255);
    arc(fa, fb, 400, 400, PI/2, PI);
    arc(ea, eb, 400, 400, PI+PI/2, PI*2);
    arc(da, db, 400, 400, PI, PI+PI/2);
    arc(ga, gb, 400, 400, 0, PI/2);
  } else {
    shape(d, 0, 0);
    shape(e, 0, 0);
    shape(f, 0, 0);
    shape(g, 0, 0);
    fill(255);
    arc(500, 500, 400, 400, PI, PI+PI/2);
    arc(500, 500, 400, 400, PI/2, PI);
    arc(500, 500, 400, 400, 0, PI/2);
    arc(500, 500, 400, 400, PI+PI/2, PI*2);
  }

  fill(0);
  stroke(0);
  circle(500, 500, 400);

  if (frameCount >= 120) {
    //} else if(ly1 <= 600) {
    noStroke();
    fill(255);
    quad(500, 200, 800, 200, lx1, ly1, lx2, ly2);
  } else {
    noStroke();
    noFill();
  }
  if (frameCount >= 164) {
    noStroke();
    fill(255);
    quad(200, 650, 800, 650, mx1, my1, mx2, my2);
  } else {
    noStroke();
    noFill();
  }
}

void keyPressed() {
  sX = sX-10;
  sY = sY-10;

  if (frameCount >= 10) {
    aX = aX-10;
  }    

  if (frameCount >= 20) {
    bX = bX+10;
    bY = bY+10;
  }

  if (frameCount >= 30) {
    cX = cX+10;
    cY = cY-10;
  } 

  if (frameCount >= 40) {
    hX = hX-10;
    hY = hY-10;
  } 

  if (frameCount >= 50) {
    iX = iX-10;
    iY = iY+10;
  }

  if (frameCount >= 60) {
    jX = jX+10;
    jY = jY+10;
  }

  if (frameCount >= 70) {
    kX = kX+10;
    kY = kY-10;
  }

  if (frameCount >= 80) {
    dX = dX-10;
    dY = dY-10;
    da = da-10;
    db = db-10;
    eX = eX+10;
    eY = eY-10;
    ea = ea+10;
    eb = eb-10;
    fX = fX-10;
    fY = fY+10;
    fa = fa-10;
    fb = fb+10;
    gX = gX+10;
    gY = gY+10;
    ga = ga+10;
    gb = gb+10;
  }

  frameCount++;
  println("Exporting Frame: "+frameCount);
  saveFrame("data_2-######.png");
}

---

REFERENCE

1. United Nation. (2020). Goal 5: Achieve gender equality and empower all women and girls. https://www.un.org/sustainabledevelopment/gender-equality/

2. World Heath Organisation. (2020, February 3). Female Genital Mutilation. https://www.who.int/news-room/fact-sheets/detail/female-genital-mutilation

# DES240