Assignment 1: Self-Portrait | “Hyein – NYUAD Class of 2027”

I vividly remember the moment I got into NYUAD. It was the happiest day of my life, and I felt immensely proud of myself. My identity is now closely intertwined with NYUAD, which inspired me to create a self-portrait in the style of a yearbook. I found the NYU colors in RGB on the internet, including NYU violet for the background and Ultra violet for the NYU merch sweatshirt. I chose to draw myself wearing NYU merch for the NYUAD yearbook photo.

What I’m particularly proud of is the code I wrote for displaying the text. On the left side, it reads “NEW YORK UNIVERSITY,” and on the right side, “CLASS OF 2027.” This coding task was special to me because it involved elements not covered in our classes. As someone with no prior experience in coding, I relied on the reference page and did some web surfing to figure out how to rotate the text and adjust its style, alignment, and size. In the process of learning how to rotate elements in p5.js, I discovered new functions such as push() and pop(), which allow settings and transformations to be applied to specific parts of the code. It was a rewarding experience to implement my vision into the code independently.

//New York University
  push()
  strokeWeight(3)
  noStroke()
  textAlign(CENTER)
  textSize(30)
  textStyle(BOLD)
  angleMode(DEGREES)
  translate(55, 200)
  rotate(270)
  fill('white')
  text('NEW YORK UNIVERSITY', 0, 0)
  pop()
  
  //CLASS OF 2027
  push()
  strokeWeight(5)
  stroke(color('white'))
  textAlign(CENTER)
  textSize(50)
  textStyle(BOLD)
  textStyle(ITALIC)
  angleMode(DEGREES)
  translate(340, 200)
  rotate(90)
  fill('white')
  text('CLASS OF 2027', 0, 0)
  pop()

For future improvements, I’m considering making this self-portrait more interactive. I plan to add code that will change the NYU merch in the portrait to different outfits when clicked, offering various clothing options.