As computing becomes more ubiquitous in our objects, designers need to be more aware of how to design meaningful interactions into electronically enhanced objects. At the University of Washington, a class of junior Interaction Design majors is exploring this question. These pages chronicle their efforts.

Saturday, October 6, 2018

Modern Art: Simple, Meaningful, and Powerful


Modern Art: Simple, Meaningful, and Powerful

The example originally used a painting of some sort to create a pointillism art piece. Over time, the points create an image and the point/pixel sizes change based on the x and y placement of your mouse. I noticed how I couldn’t really tell what the painting depicted unless I waited a LONG time for all the smaller points/pixels to appear, so I chose a simpler image and a contrasting background color. I also resized the window to be the same size of the image so the masterpiece could be at the center of attention. I chose this image because I wanted a funny or striking image that would be worth the wait as the user watches the points form into a comprehensive image.

If you don’t understand what this art piece means, try: https://knowyourmeme.com/memes/the-circle-game

Original Pointillism Piece

My Pointillism Piece


Here is the code:

PImage img;
int smallPoint, largePoint;

void setup() {
  size(225, 307);
  img = loadImage("yeet.jpg");
  smallPoint = 4;
  largePoint = 40;
  imageMode(CENTER);
  noStroke();
  background(90876);
}

void draw() {
  float pointillize = map(mouseX, 0, width, smallPoint, largePoint);
  int x = int(random(img.width));
  int y = int(random(img.height));
  color pix = img.get(x, y);
  fill(pix, 108);
  ellipse(x, y, pointillize, pointillize);
}

No comments:

Post a Comment