Mario-Design-Day7-FieldTrip

Click image to understand observations:

 

OBSERVATIONS

  • Narrow streets. Single car Moving. Double-lane parked cars.
  • Footpaths have traffic! Dangerous/Distracting.
  • Circumstances.
  • Crossroads are important.
  • Two Safe Spaces.
  • Save Life. But, Save Property?
  • Drills, Communication, Market Protocol.

 

Mario-Design-Day4

HCD project outline:
a. a mind map

b. some design questions

  • is the boarding pass actually perfect today?
  • are we taking it for granted?
  • if a door can be debated as a Norman door, is a global boarding pass design perfect?
  • can daily travel signages be harmful?
  • Remember the Miss Universe blunder and the Oscar Best Film announcement goof-up of 2017?
  • Can we reed it write?

c. challenges

  • Different people, age groups, disabilities
  • Human Circumstances
  • Standardization
  • Fancy branding vs Aesthetics vs Minimalism
  • Feedback was hazy
  • Larger sample space
  • Targeting audiences
  • Need more circumstances

d. a design statement 

“How can I make the Boarding Pass truly global and absorbed by all kinds of travelers very easily, for most circumstances”.

Mario-Code-Day7

//NAME

int imageIndex=10;
int xPosition, c=0, move=900;
boolean faceLeft=true;
int i=0, size=900;

//Declare two arrays of PImage respectively
PImage [] imageA = new PImage[imageIndex];
int [] Ax = new int[imageIndex];
int Ay = 200;

PImage [] imageB = new PImage[imageIndex];
int [] Bx = new int[imageIndex];
int [] By = new int[imageIndex];

 

//Face Right
//INSERT CODE

void setup()
{
size(1000,500);

//Use for loop to load/initialize array of Images
for(i=0; i<10; i++)
{
imageA[i]=loadImage(i+”.png”);
imageB[i]=loadImage(“f”+i+”.png”);
}
Ax[0]=900;
}

void draw()
{

//DRAWS RECTANGLE
background(255);
imageMode(CENTER);

//ADJUSTS SIZE OF IMAGE
//float size = map(0, 0, height, 0.5, 1.5);
//scale(size);
size=200;
//i=0;

println(move);

//if(c==0)
for(i=1; i<10; i++)
{
Ax[i]=Ax[i-1]-30;
Bx[i]=Bx[i-1]+30;
}

////Check running direction and load different array of images
if(faceLeft==true)
{
if(c<10 && c>0)
move=move-30;
else
{
c=0;
Ax[0]=move;
}

image(imageA[c],Ax[c],Ay,size,size+20);
c++;

if(move<0)
faceLeft=false;
}
else if(faceLeft==false)
{
if(c<10 && c>0)
move=move+30;
else
{
c=0;
Bx[0]=move+30;
}

image(imageB[c],Bx[c],Ay,size,size+20);
c++;

if(move>width)
faceLeft=true;
}

delay(100);

}

//Keyboard control
void keyPressed() {
if (key == CODED) {
if (keyCode == LEFT) {
faceLeft=true;
xPosition = xPosition – 30;
}else if(keyCode == RIGHT){
faceLeft=false;
xPosition = xPosition + 30;
}
//println(faceLeft);
}
}

 

Mario-Code-Day3

 

//Day_3_Homework_Program_1
//Mario_Dcunha

 

//int r=243, g=237, b=177;
//int radius=50, x=250, y=250;

//Define Center Points
int x=0, y=0, r=0, g=0, b=0, rLimit, lLimit, tLimit, bLimit, diameter=50, dir=1, xSpeed=5, ySpeed=4, xc=100, yc=250, a=0, d=0, c=0;

void setup()
{
size(1000,400);
smooth();
background(243,237,177);
}

void draw()
{

noStroke();
//Taking a center for concentric circles
pick_center(150,150);

//Drawing the white concentric circles
circle(255,255,255, 160);

//Insert the white cirlce behind
stroke(0); strokeWeight(2);
pick_center(100,230);
circle(255,255,255,60);

noStroke();
pick_center(150,150);

circle(r,g,b, 150);
circle(32,157,29, 90);

if(mousePressed)
{
circle(r++,g++,b–, 90);
}

circle(0,0,0,75);
circle(59,131,119,60);
circle(0,0,0,50);

if(mousePressed && r>200 && b<200)
{
r–; g–; b++;
circle(r,g,b,60);
}
//Draw the final black loop
//pick_center(150,150);
noFill(); stroke(0); strokeWeight(5);
ellipse(150, 150, 165, 165);

x=width/2;
y=height/2;

noStroke();

pick_center(xc,yc);

circle(0,0,0,60);
circle(235,208,118,50);
circle(255,255,255,40);

rLimit = width-(diameter/2);
lLimit = 0+(diameter/2);
tLimit = 0;
bLimit = height;

if(xc>rLimit)
xSpeed = -dir * xSpeed;

xc = xc + xSpeed;

if(xc<lLimit)
xSpeed = -dir * xSpeed;

if(yc>bLimit)
ySpeed = -dir * ySpeed;

yc = yc + ySpeed;

if(yc<tLimit)
ySpeed = -dir * ySpeed;

//Rectangle Thing

pushMatrix(); // Store the current transformation settings.
translate(800,150);
rotate(-PI/4.0);

a=197; d=70; c=42;

if(mousePressed)
{
a=d; d=c; a++; c=a;

}

fill(a,d,c);
rect(0,0,80,80);
fill(c++,d,a);
rect(40,0,40,40);
rect(0,40,40,40);
fill(a,c,d);
rect(40,40,40,40);

strokeWeight(2);
line(0, 0, -80, 40);
line(0, 20, -80, 40);
line(0, 40, -80, 40);
line(0, 60, -80, 40);
line(0, 80, -80, 40);

noStroke();
fill(197,70,42);
triangle(-80, 40, -20, 200, -65, 120);
popMatrix(); // Restore the previous transformation settings.

}

void circle(int r, int g, int b, int diameter)
{
fill(r, g, b);
ellipse(x, y, diameter, diameter);
}

void pick_center(int center_x, int center_y)
{
x = center_x;
y = center_y;
}

 

Mario-Code-Day1

 

//Day_1_Homework_Program_1
//Mario_Dcunha

//Define Center Points
int x=0, y=0;

void setup()
{
size(1000,400);
smooth();
background(243,237,177);
}

void draw()
{
noStroke();
//Taking a center for concentric circles
pick_center(150,150);

//Drawing the white concentric circles
circle(255,255,255, 160);

//Insert the white cirlce behind
stroke(0); strokeWeight(2);
pick_center(100,230);
circle(255,255,255,60);

noStroke();
pick_center(150,150);
circle(0,0,0, 150);
circle(32,78,105, 90);
circle(0,0,0,75);
circle(59,131,119,60);
circle(0,0,0,50);

//Draw the final black loop
//pick_center(150,150);
noFill(); stroke(0); strokeWeight(5);
ellipse(150, 150, 165, 165);

noStroke();
pick_center(360,237);
circle(0,0,0,60);
circle(235,208,118,50);
circle(255,255,255,40);
//rotate(radians(45));
//arc(340,200,80,80,0,PI);
//rotate(0);
stroke(0); strokeWeight(2);
line(180, 260, 500, 160);
line(320, 100, 400, 350);

/*noStroke();
pick_center(350,227);
circle(0,0,0,60);
circle(235,208,118,50);
circle(255,255,255,40); */

//Rectangle Thing

pushMatrix(); // Store the current transformation settings.
translate(800,150);
rotate(-PI/4.0);

fill(197,70,42);
rect(0,0,80,80);
fill(232,151,114);
rect(40,0,40,40);
rect(0,40,40,40);
fill(0);
rect(40,40,40,40);

strokeWeight(2);
line(0, 0, -80, 40);
line(0, 20, -80, 40);
line(0, 40, -80, 40);
line(0, 60, -80, 40);
line(0, 80, -80, 40);

noStroke();
fill(197,70,42);
triangle(-80, 40, -20, 200, -65, 120);

popMatrix(); // Restore the previous transformation settings.

}

void circle(int r, int g, int b, int diameter)
{
fill(r, g, b);
ellipse(x, y, diameter, diameter);
}

void pick_center(int center_x, int center_y)
{
x = center_x;
y = center_y;
}