Media Arts Design 4

My Project for my Media arts 4 is to choose a master portrait and Redefine the aesthetic quality(beauty) of the subject matter of the portrait  by producing a printed portrait for the light box and a digital portrait for the screen display.

SUBJECT MATTER

for my subject matter , i have choose William Morris at my Redefine portrait. He is the first who discover the new style of art called art Nouveau back in 1890.

as for the art nouveau. it is a new style of art movement  base on natural floral and organic looks which inspired by nature itself.

DEVELOPMENT

The most unique about art nouveau which is the variation of look and design by different individuals. to redefine one is not simple as it sound due to fact that they are to be use on self portrait not to mention the design of natural shape and pattern itself .

without the proper of the master portrait, i must create the master portrait from scratch  with my own style, i use several reference from various art from previous work from others artist from organize shape and size to various looks of pattern and aesthetic design of natural floral and roots of trees.

This is the result of my effort in creating a master portrait about William Morris with cold and bright  color. and its can be used on the light box.

DIGITAL DEVELOPMENT

for my digital Portrait, i must Create a interactive version for the viewer to interact with.

but first i must remade the portrait in digital look.

i have a design the portrait with a crystallizing look .

once i design the portrait, the next part is create a code for the function of interaction, it took me a while to retype and test the code over and over. and use it with the arduino.

here are the code for it to function with the arduino

//------------------------------------------------------for arduino

import processing.serial.*;

Serial myPort;

String val;

float val2;

float val3;

//-----------------------------------------------------

PImage img;

PImage img2;

float offset = 0;

float easing = 0.05;

int drawmode = 1;

void setup(){

  size(768,1024,P3D);

  img=loadImage("lover.png");

  img2=loadImage("hate.jpg");

//----------------------------------------------- Arduino code below  

  String portName = Serial.list()[0];

  myPort = new Serial(this, portName, 9600);  

}

void draw(){

  background(255);

  image(img2,offset,0);

  float mouseXFactor = map(mouseX, 0, width, 0.05, 1);

  float mouseYFactor = map(mouseY, 0, height, 0.05,1);

  

    for(int i=0;i<img.width;i++){

    for(int j=0;j<img.height;j++){

      

      int loc = i+j*img.width;

      

      float x=i*10;

      float y=j*10;

      

      color c=img.get(i,j);

      int greyscale=round(red(c)+green(c)+blue(c))/3;

      float w=map(greyscale,0,255,10,0.01);

      if(val!=null){

  val2=float(val);

  }

  val3=map(val2,0,1023,0.5,4);

switch(drawmode){

  

  case 1:

      float w3 = width;

      float z = (val2/w3)* brightness(img.pixels[loc])-100;

      pushMatrix();

      translate(x,y,z);

      fill(c);

      noStroke();

      ellipse(0,0,random(10),random(10));

      popMatrix();

      break;

      

      

}

    }

  }

}

void keyReleased(){

  

  if (key == '1') drawmode = 1;

  if (key == '2') drawmode = 2;

  

}

void serialEvent(Serial myPort){

  if(myPort.available() > 0){

    val = myPort.readStringUntil('\n');

  }

  println(val);

  //val2= map(val,0,1023,0.05,4);

}

as the result, i have create interactive version which is the image sparkles while the potentiometer  turn its lever.

this is the demonstration,

in conclusion. is went well during the exhibition. but i wasn't satisfaction to the fact i have done it poorly  with a medium effort. in the future i will improve myself to less burden to myself and others.