Author: David_2983

Looking Outwards

link:https://www.vice.com/en/article/4x4p43/6-art-projects-prying-the-lid-off-online-privacy
Title: 6 Art Projects Prying The Lid Off Online Privacy

dvargas David Vargas

The artists printed out the downloaded profiles the collected and turned them into a wallpaper covering every surface of a room.

If anyone can use our photos to their own nefarious ends, how much are we sacrificing in personal value of our identity?

The vice article I read highlights a number of art exhibits that
deal with the question of privacy in the digital age. The artists
challenge the idea of relinquishing our data so easily to companies like
apple or facebook. One of the art exhibits was fbfaces where
the artist combed the internet for facebook profiles with a profile photo, name,
and other identifiers, downloaded the profiles and created a wallpaper with the data.
Each pixel of the wallpaper representing someone. This piece makes it clear
just how open our information is to be used by absolutely anyone for any reason.
The installation begs the question “If anyone can use our photos to their own nefarious ends, how much are we sacrificing in personal value of our identity?”

Another installation is “A charge for privacy”. This installtion is a power station
that charges your phone however it in exchange gets access to your phones saved photos after agreeing
to the ‘terms and service’ In this installtion the taking of your data is treated as a transaction just
as it is in real life. The photos are then legally owned by the gallery and are projected to be viewed
at the gallery for all to see. The installation lays bear the reality of digital privacy or the lack of it.

Project 6

My clock is made up of a few planets that orbit each other. One representing the hours, another the minutes, and the last representing seconds.

sketchDownload

//dvargas David vargas
var starX=[] //x position of stars
var starY=[]//y position of stars
var starB=[]//brightness value of stars
var hourV = {x:0,y:0,diam:50,c:'orange'} //array w/values for orange (hours) circle
var minuteV = {x:0,y:0,diam:30,c:'lightgreen'}//array w/ values for green (minutes) circle
var secondV = {x:0,y:0,diam:10,c:'lightblue'} //array w/ values for blue (seconds) circle
var orbitV ={hX:300,hY:300,mX:0,mY:0,sX:0,sY:0,hD:180,mD:150,sD:75} //array w/ values for 'orbit rings'
var noiseOffset=0 //perlin noise offset



function setup() {
    createCanvas(600, 600);
    background(255);
    for (var i=0;i<80;i++){ //creates random stars
        starX[i]=random(0,width)
        starY[i]=random(0,height)
    }

}

function draw() {
  background(0);
  var theTime=currentTime() //the time represented by a value between 0 & 12

  for(var i=0;

Assignment 3 – Game

bouncy_ball_game
//David Vargas dvargas

var vVelocity =1; //direction and speed of ball
var hVelocity =5;
var x= 100; // x position of ball
var y= 100; // y position of ball
var diam = 35; //diameter of circle
var points=0; // number of points
var title = true; //title screen text variable


function setup() {
    createCanvas(200, 200);
    background(220);
    
}

function draw() {

    background(220);
    fill(150,160,240);
    ellipse(x,y,diam);
    textSize(15);
    text(points,width/2, 20);

    x += hVelocity; 
    y += vVelocity;

    // this makes ball bounce when it hits vertical walls
    if(x> width-diam / 2){
        hVelocity= random(-5,-1);
    } else if (x< diam/ 2 ) {
        hVelocity = random(1,5);
    }

    // this makes ball bounce when it hits horizontal walls
    if (y > width -diam/2){
        vVelocity= random(-5,-1);
    } else if (y < diam/2){
        vVelocity = random(1,5);
    }

    if(points>4){ //this creates the "you win" screen
        background(100,250,100,50);
        textSize(20);
        fill(255);
        text('You Win',width/3 ,height/2);
        noLoop();

    } else if(points<-4){ //this creates the "you lose" screen
        background(240,100,100,50);
        textSize(20);
        fill(255);
        text('You Lose',width/3, height/2);
        noLoop();
    }

    if(title){ // displays tile screen before mouse is pressed
        textSize(25);
        text('Click the Ball',width/6,height/2)
    }
    print('points='+points);

}

    function mousePressed() {
        if(dist(mouseX,mouseY,x,y)< diam/2){ //this changes circle direction after being pressed
        points+= 1
        vVelocity=random(-5,5)
        hVelocity=random(-5,5)
    } else (points+=-1) 

    title= false // title screen dissappears once mouse is pressed
    }

Dynamic Drawing – Project 3

trippy_geometry


function setup() {
    createCanvas(600, 400);
    background(255);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
    var w = width
    var h = height
    var mX = mouseX
    var mY = mouseY
    var diam= dist(w/2, h/2,mX,mY) //diameter of center circle
    var diam2= 2 * (dist(w/2,h/2,w/2 + w/4, h/2)- diam/2)// diameter of peripheral circles
    background(255);
    noFill();
    strokeWeight(constrain(diam/10,3,6)); //stroke 
    stroke(diam,diam/3,170)
    circle(w/2,h/2,diam); //this is the big circle in the middle
    
    push();
    noFill();
    strokeWeight(constrain(diam2/10,5,15));
    translate(w/2,h/2);// translates origin to canvas center
    
    var angle = atan((mY -h/2) / (mX - w/2)) //this outputs the angle of the cursor to the center of the canvas
    
    if(mX < w/2){
    var x = diam/2 * cos(angle - PI) // x position of peripheral circle based on angle of cursor
    var y = diam/2 * sin(angle - PI) // y position of peripheral circle based on angle of cursor
    } else {
    var x = diam/2 * cos(angle )
    var y = diam/2 * sin(angle )
    }
    for (var r=0; r<=2 * PI;r+=PI/4){ //the circles rotate every 45 degrees
    rotate(r);
    circle(x ,y,diam2); // these are the peripheral circles
}
    pop();

}

Looking Outwards – Holger Lippmann

The art series I was most intrigued by was noiseScape IV by Holger Lippmann (2021).

link to website: http://www.lumicon.de/wp/?p=3914

This series of generative art is simple in the way its structured visually, but its still very interesting. The first thing that sticks out to me is the fact that each piece is stratified into horizontal layers. In each layer are squiggly vertical lines. The way the vertical lines are drawn reminds me of a cascading hilly landscape.

In some of the pieces I notice that some areas of the canvas are left blank which create cloud like shapes that float around on the canvas.

I’m not sure how it would have been coded but I’d guess that
the artist maybe defined the boundaries of each layer and the
computer “semi randomly” drew lines between those boundaries. The reason why I say “semi randomly” is because there seems to be a logic behind how each lines are drawn after all each line somewhat follows the path of the adjacent lines. The artist must’ve also defined the colors as the colors of the lines are harmonious.

Project 1: Self Portrait

I wasn’t sure how to embed the sketch.js file so here’s the code itself:

function setup() {
createCanvas(400, 400);
background(220);
text(“p5.js vers 0.9.0 test.”, 10, 15);
}

function draw() {
background(240);
strokeWeight(3);
line(70,70,30,220);
line(30,220,140,210);
line(140,210,146,270);
line(146,270,175,267);
curve(175,267,190,150,180,140);
line(175,267,180,300);
//contour of nose and mouth
strokeWeight(2);
ellipse(70,70,80);
fill(0);
circle(80,80,25);
//right eyeball and pupil
fill(255)
ellipse(200,140,80);
fill(0);
circle(210,150,25);
//left eyeball and pupil
ellipse(90,200,50,10);
//nostril
noStroke();
fill(60,200,30);
rect(90,200,20,100);
circle(100,300,20);
fill(255);
circle(105,290,5);
//booger
arc(100,100,30,0,180);
//smile
fill(0);
rect(180,70,70,15);
rect(30,20,70,15);
//eyebrows
noLoop()

}

LO: My Inspiration

The Mondrian painting was fun to do because of how straight forward it was.
I did change the rect Mode to CORNERS just because I found it easier
to put the rectangles where I wanted it.
I found it really helpful to organize each line by
rectangle color so that I didn’t have to constantly
define the fill color on each line.

I wanted to make the self-portrait more dynamic but
I had trouble getting anything to work the way
I imagined.
At first I wanted the pupils to follow the mouse
but I couldn’t figure out how to keep the
pupils within the eyeball.
Then I thought it’d be cool to make the booger move up
and down with the mouse but again I couldn’t really
figure it out.