Week 5 portrait

YELENA’S PORTRAIT

Idea explanation:

This is my self portrait. I was going to generate a concrete poem about me (for fun. not even sure whatever i’ve written can be called a poem 😀 The original idea is shown in the sketch below — the silhouette of my head should be the frame of the poem, and the lines should be scrolling horizontally all the time. However, I realize in order to achieve that, I would have to draw a shape in p5.js, and it would be super complicated. — So i gave up. Now, with the coordination of color, I can somehow achieve what I wanted, and I actually can generate new portrait every time ( based on the lightings tho)

why is everything in Spanish? Because I was watching the video (listed in the inspo part) for Spanish class and the idea just got stuck in my head 🙂

Iteration 2

full screen link

editable link

Iteration 1 – scrolling poem

full screen link

editable link

I don’t really like this iteration, because I’d expect the lines to be all over the screen …

References and technical development

image editing – Credit to Professor Moon at NYU Shanghai link
- I played with the code a bit and switch the white & black pixels with each other
- fun fact, the canvas size can’t be (windowWidth, windowHeight) — but I don’t know why
array – link
- this is definitely the most difficult part for me to understand!!
- “push( )adds whatever is in the parentheses to the end of the array” — which means this x.push line here adds stuff to the “x” array that is empty before, and it defines the starting point of the sentence
what does the “%” mean? according to google, “the % symbol is the remainder operator, also known as modulo. It divides the number on the left by the number on the right and returns the remainder”