Above are the pictures of my digital landscape and my drawing program that I made using coding.The various shapes in the digital landscape represent the different websites and technology that goes into creating computers and the internet. The tiny shapes gathering in the middle show how these things come together to create the internet and what is digital. The lines of shapes are the computer wires, but also what makes the potential and numerous places we can take the digital world and technology. The last two photos are different designs with the same concept.

The code I used to create this drawing program is:

int shape = 100;

boolean rectangle = false;

boolean ellipse = false;

boolean triangle = false;

int joe = 8;

int karry = 8;

int brush = 50;

int dan = 8;

PFont font;

void setup (){

size (600,570);

background (255);

font = createFont (“Times”, 30);

colorMode (HSB,100,100,100,100);

noStroke();

}

void draw (){

fill(68);

rect (0,450,600,600);

line(1, 450, 600,450);

//shapes

fill(0);

rect (527,469,50,50);

ellipse (491,494,50,50);

triangle (464,518,375,518,420,471);

fill(0);

text(“Shapes”, 317, 517);

//blackbars

rect (8,496,150,10);

rect (8,528,150,10);

rect (8,464,150,10);

//sliders

fill(joe-10,100,70);

rect (joe,489,10,25);

fill (100);

rect (karry,459,10,25);

fill (100);

rect (dan,521,10,25);

if (mouseX<577 && mouseX>527 && mouseY<519 && mouseY>469){

rectangle = true;

ellipse = false;

triangle = false;

}

if (rectangle && mousePressed && mouseY<430){

fill (joe-10,100,70,dan);

rect (mouseX-25,mouseY-25,brush,brush);

}

if(mouseX<541 && mouseX>491 && mouseY<544 && mouseY>494){

ellipse = true;

rectangle = false;

triangle = false;

}

if (ellipse && mousePressed && mouseY<430){

fill (joe-10,100,70,dan);

ellipse (mouseX, mouseY,brush,brush);

}

if (mouseX<464 && mouseX>375 && mouseY<518 && mouseY>471){

triangle = true;

ellipse = false;

rectangle = false;

}

if (triangle && mousePressed && mouseY<430){

fill (joe-10,100,70,dan);

triangle (mouseX-(brush/2),mouseY+(brush/2),mouseX+(brush/2),mouseY+(brush/2),mouseX,mouseY-(brush/2));

}

//blackbars and sliders

fill(0);

text (“Size”, 168, 478);

if (mousePressed && mouseX >7 && mouseX< 158 && mouseY >496 && mouseY<506){

joe = mouseX;

}

fill(0);

text (“Color”, 167, 505);

if (mousePressed && mouseX >7 && mouseX< 158 && mouseY >468 && mouseY<478){

karry = mouseX;

brush = karry;

}

fill (0);

text (“Opacity”, 167, 539);

if (mousePressed && mouseX >7 && mouseX< 158 && mouseY>521 && mouseY<546){

dan = mouseX;

}

//keys

if (keyPressed){

if (key == ‘a’ || key == ‘A’){

triangle = true;

ellipse = false;

rectangle = false;

}

if (key == ‘s’ || key == ‘S’){

triangle = false;

ellipse = true;

rectangle = false;

}

if (key == ‘d’ || key == ‘D’){

triangle = false;

ellipse = false;

rectangle = true;

}

if (key == ‘z’ || key == ‘Z’){

if (karry< 158){

karry = karry + 1;

brush = brush + 1;}

}

if (key == ‘x’ || key == ‘X’){

if (karry> 7){

karry = karry – 1;

brush = brush -1;}

}

if (key == ‘q’ || key == ‘Q’){

if (joe< 158){

joe = joe + 1;}

}

if (key == ‘w’ || key == ‘W’){

if (joe> 7){

joe = joe – 1;}

}

}

}

void mouseDragged (){

}