Public Screen – Design iterations

The first steps I have taken to create my camera based interactive are to make the screen look like a CCTV camera recording. The idea of the piece is to make people think they are being watched through the use of a CCTV appearance and when they are singled out on screen, others in the room will see them. I have started with a digital clock in the bottom left of the screen. This clock displays the real time using strings of seconds, minutes and hours. By putting the time onto the screen the piece seems more realistic and similar to real CCTV footage/cameras.

The next step is to add a “REC” with a pulsing red dot, as seen on video camera and CCTV cameras, to emphasise the idea of being watched and recorded in public spaces.

Screen Shot 2014-12-09 at 13.05.44

String [] wseconds={“0″,”01”, “02”, “03”, “04”, “05”, “06”, “07”, “08”, “09”, “10”,

“11”, “12”, “13”, “14”, “15”, “16”, “17”, “18”, “19”, “20”,
“21”, “22”, “23”, “24”, “25”, “26”, “27”, “28”, “29”, “30”,
“31”, “32”, “33”, “34”, “35”, “36”, “37”, “38”, “39”, “40”,
“41”, “42”, “43”, “44”, “45”, “46”, “47”, “48”, “49”, “50”,
“51”, “52”, “53”, “54”, “55”, “56”, “57”, “58”, “59”};

String [] wminutes={“0″,”01”, “02”, “03”, “04”, “05”, “06”, “07”, “08”, “09”, “10”,
“11”, “12”, “13”, “14”, “15”, “16”, “17”, “18”, “19”, “20”,
“21”, “22”, “23”, “24”, “25”, “26”, “27”, “28”, “29”, “30”,
“31”, “32”, “33”, “34”, “35”, “36”, “37”, “38”, “39”, “40”,
“41”, “42”, “43”, “44”, “45”, “46”, “47”, “48”, “49”, “50”,
“51”, “52”, “53”, “54”, “55”, “56”, “57”, “58”, “59”};

String [] whours={“0″,”1”, “2”, “3”, “4”, “5”, “6”, “7”, “8”, “9”, “10”,
“11”, “12”, “13”, “14”, “15”, “16”, “17”, “18”, “19”, “20”,
“21”, “22”, “23”, “24”,};

void setup(){
size(700,500);
frameRate(1);
}

void draw(){
background(0);

//set the variables up for the time and date
int h=hour();
int m=minute();
int s=second();
//int y=year();
//int mo=month();
//int d=day();

textSize(20);
fill(255,255,255);
textAlign(CENTER);
stroke(255,255,255);
strokeWeight(3);

//Display Hours
text(whours[h],550,480);
text(“:”,565,480);

//Display Minutes
text(wminutes[m],580,480);
text(“:”,595,480);
//Display Seconds
text(wseconds[s],610,480);

//Display day
//text(d,195,200);
//text(“:”,225,200);

//Display month
//text(mo,width/2,200);

//text(“:”,275,200);

//Display year
//text(y,310,200);
}

Leave a comment