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