week 01 林育廷

FB: 2016互動技術
facebook.com/groups/2016interaction
2016interaction.blogspot.com

1. TODO: 看學長姐的作品 2015interaction.blogspot.com
列出一些你覺得比較炫

2.課堂作業1:想做出AngryBird範例裡面,那條線

(畫線)

(改線的顏色)

(改畫面大小)

(如何用Help)

(也可以點兩下程式碼直接搜尋Help)

(執行)

(改字大小)

(製作彈弓)

(製作彈弓)

程式碼:

void setup()
{
  size(800,600);
  stroke(#FF0000);
  strokeWeight(10);
}
void draw()
{
  background(255);
  line( 181,512, mouseX, mouseY);
  line( 235,519, mouseX, mouseY);
  line( 181,512, 205,567);///!!!
  line( 235,519, 205,567);///!!!
  line( 205,619, 205,567);

}  

(製作可以拉彈弓)


(把憤怒鳥圖片加進去)


(儲存)


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

}