Week01 本田速人的暴走二輪日誌

課堂內容1:

看去年學長姐的作品
http://2015interaction.blogspot.tw/

課堂內容2:

打開Processing畫線程式
劃線+選色
Tools>Color selector>Copy

\



學會使用Reference
Help>Reference






--------------------------總程式--------------------------

size(800,600);    <<視窗大小
stroke(#E50000); <<選顏色
strokeWeight(10); <<線的粗度
line(10,10,90,90); <<畫一條線從10,10到90,90

----------------------------------------------------------

課堂內容3:

做彈弓
先用line()畫線
畫出彈弓Y字
  line(181,512,205,567);
  line(235,512,205,567);
  line(205,619,205,567);



再將彈弓放上可與滑鼠互動的線
  line(181,512,mouseX,mouseY);
  line(235,512,mouseX,mouseY);

為了避免殘影
加上背景顏色(白色)
  background(255);




--------------------------總程式--------------------------

void setup(){
  size(800,600);
  stroke(#E50000);
  strokeWeight(10);
}
void draw(){
  background(255);  <<背景
  line(181,512,mouseX,mouseY); <<互動線
  line(235,512,mouseX,mouseY); <<互動線
  line(181,512,205,567); <<彈弓
  line(235,512,205,567);
  line(205,619,205,567);
}

----------------------------------------------------------

課堂內容4:

在彈弓上放上寶貝球
匯入圖檔
PImage img;

img=loadImage("ball.png");
imageMode(CENTER); <<圖片中心做中心

line(181,512,mouseX,mouseY);
image(img,mouseX,mouseY,100,100); <<互動線中間
line(235,512,mouseX,mouseY);



--------------------------總程式--------------------------

PImage img;
void setup(){
  size(800,600);
  img=loadImage("ball.png");
  imageMode(CENTER);
}
void draw(){
  background(255);
  stroke(#FAB22B);strokeWeight(5);
  line(181,512,mouseX,mouseY);
  image(img,mouseX,mouseY,100,100);
  line(235,512,mouseX,mouseY);
  stroke(#FA772B);strokeWeight(10);
  line(181,512,205,567);
  line(235,512,205,567);
  line(205,619,205,567);
}

----------------------------------------------------------