js

Optical Illusions

For my final project, I decided to explore the topic of Op art and an optical illusion. I wanted to find out, if we can achieve similar effect, by coding art that is moving, and by coding art that is a still image, but gives the viewer the impression of movement.

Typically, Op artists used only black and white in order to produce the greatest contrast in their designs, since this contrast causes the greatest confusion for the eye, which struggles to discern which element of the composition is in the foreground and which in the background.

riu-kiu-c

But color was also a focus of attention at times, as in Vasarely’s Plastic Alphabet series (1960-1980). The ways in which color suggests space, and the ways colors contrast with one another, proved fertile areas for experiment.

Vasarely-Gestalt-4 vasarley_89044_3

Feeling inspired, I decided to code my own op-arts.

I divided them to 3 groups:

  • animated ones:


wavespiralblack spiral shock palindrome gif2 gif circles2 gif33

rainbow3wavy

LINK TO GIFS

  • static ones:

dots_linescircles_b_w

triangle spiral_snail

  • colorful

 

rainbooowrainbow3reddy

rainbow2

spiralrainbow

 

Constellations

Screen Shot 2015-09-30 at 5.30.56 AM

This week I continued practicing organizing my code. I had many ideas, of what I could create, but then finally decided to listen to my heart.

There’s one thing I really miss in NYC – I have never see the sky fill with stars at nigh here. I used to see it back in Poland, but unfortunately, the light pollution of the city prevents the stars from being visible. Dreaming about my lovely night, I started creating my own, p5 night sky.

Practicing arrays, loops and functions, I ended up with a nice night sky, full of my beloved stars. To add some magic, I decided to add some movement to the stars, which move in circle.

That was a good opportunity to practice ‘sin’ and ‘cos’.

Moreover, I wanted my project to be more educative, so I singled out stars, which creates constellations. Here, I added a small drawing simulating animation, which one by one, shows constellations on a sky.

I also added 2 hidden features:

mouseDragged – adds more falling stars

keyIsPressed – displays constellations’ names

Link to sketch HERE

Have fun learning!