HW04-2

Processing製圖:

程式碼:

int top;

int buttom;

void setup(){

  top = int(random(1, 57));

  buttom = int(random(1, 57));

  size(600,800);

  fill(255);

  rect(540,50,50,50);

  rect(540,150,50,50);

  rect(540,375,50,50);

  rect(540,500,50,50);

  rect(540,600,50,50);

  fill(0);

  text("Next",550,75);

  text("Back",550,175);

  text("Random",541,400);

  text("Next",550,525);

  text("Back",550,625);

  frameRate(10);

}

void draw(){

PImage imgtop = loadImage(top + "t.jpg");

PImage imgbuttom = loadImage(buttom + "b.jpg");

image(imgtop, 0, 0);

image(imgbuttom, 0, 400);

if(mousePressed==true&&mouseButton==LEFT&&mouseX>540&&mouseX<590&&mouseY>50&&mouseY<100){

  if(top==56){

    top=0;

  }

  top++;

  imgtop=loadImage(top + "t.jpg");

  image(imgtop, 0, 0);

}else if(mousePressed==true&&mouseButton==LEFT&&mouseX>540&&mouseX<590&&mouseY>150&&mouseY<200){

  if(top==1){

    top=57;

  }

  top--;

  imgtop=loadImage(top + "t.jpg");

  image(imgtop, 0, 0);

}else if(mousePressed==true&&mouseButton==LEFT&&mouseX>540&&mouseX<590&&mouseY>500&&mouseY<550){

  if(buttom==56){

    buttom=0;

  }

  buttom++;

  imgbuttom = loadImage(buttom + "b.jpg");

  image(imgbuttom, 0, 400);

}else if(mousePressed==true&&mouseButton==LEFT&&mouseX>540&&mouseX<590&&mouseY>600&&mouseY<650){

  if(buttom==1){

    buttom=57;

  }

  buttom--;

  imgbuttom = loadImage(buttom + "b.jpg");

  image(imgbuttom, 0, 400);

}else if(mousePressed==true&&mouseButton==LEFT&&mouseX>540&&mouseX<590&&mouseY>375&&mouseY<425){

  top = int(random(1, 57));

  buttom = int(random(1, 57));

  imgtop = loadImage(top + "t.jpg");

  imgbuttom = loadImage(buttom + "b.jpg");

  image(imgtop, 0, 0);

  image(imgbuttom, 0, 400);

}

}

心得:

這次學的是如何將兩張分別有著上下半圓的圖片組合起來，組合方法共有三種，換上半圓的圖片、換下半圓的圖片、以及隨機將上下半圓的圖片顯示出來，這節課老師原本說要考試，使我緊張了一陣子，沒想到竟然是以這樣子的形式表現出考試的型態，我認為這次考試的題目是「創意」，是要讓我們知道學程式不能死腦筋，必須得學以致用才行，有時太過古板反而無法創新，而且這堂課也充分表現出了互動多媒體的「互動」兩字，藉由和其他人的圖片結合來達到互動的成效，讓我了解到「合作」的重要性，必須學會互相分享，才能讓自己達到更高的境界。