Week01 JimC_

一.
看看學長姐的作品
1）http://2015interaction.blogspot.tw/search/label/02160295_%E7%B4%80%E7%8E%89%E6%95%8F
2）
http://2015interaction.blogspot.tw/

Demo影片  理想能使用遙控器控制關卡切換
不過很可惜沒有型態符合的遙控器 
先做出  踩踏控制上下左右色差變化跟統計次數功能




Processing結合Arduino_跳舞機遊戲demo_Takashi from Dryjoker on Vimeo.

關卡結束 兩種回饋


鍵盤控制_Music_dance_life_demo_ from Dryjoker on Vimeo.



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

使用P語言(Processing)做出簡單的小遊戲

stroke(#1519E3);//color
line(10,10 ,70,70);//drawing a line (10,10)start point till end point (70,70)



















size(900,800);//window size
strokeWeight(15);//line thickness *value


###
使用P系統內的Help->reference 可找尋程式講解，或者選取 如 (size)后按右鍵->find reference





讓彈簧可拉弓

void setup(){
size(900,800);//window size
stroke(#1519E3);//color
strokeWeight(15);//line thickness *value
}
void draw(){
background(255);//background change to white color
//line(10,10 ,70,70);//drawing a line (10,10)start point till end point (70,70)
line(181,512,mouseX,mouseY);//drawing a line from (181,512)then folo mouse drag
line(235,519,mouseX,mouseY);//drawing a line from (235,519)then folo mouse drag
line(181,512,205,567);//!!
line(235,519,205,567);//!!
line(205,619,205,567);
}


###
void （函數宣告）
background(255);//視窗改為白色
line(181,512,mouseX,mouseY);//從（181,512）原始點連接滑鼠坐標劃出一條線
line(235,519,mouseX,mouseY);//從（235,519）原始點連接滑鼠坐標劃出一條線
line(181,512,205,567);//!!原始點坐標標記
line(235,519,205,567);//!!原始點坐標標記


讀圖

PImage img;//decline
void setup(){
  img=loadImage("bird.png");
size(900,800);//window size
imageMode(CENTER);//adjust the picture into middle

}
void draw(){
background(255);//background change to white color
stroke(#1519E3);//color
strokeWeight(10);//line thickness *value
//line(10,10 ,70,70);//drawing a line (10,10)start point till end point (70,70)
line(181,512,mouseX,mouseY);//drawing a line from (181,512)then folo mouse drag
image(img,mouseX,mouseY,100,100);//picture
line(235,519,mouseX,mouseY);//drawing a line from (235,519)then folo mouse drag
stroke(#B77802);//color
strokeWeight(10);//line thickness *value
line(181,512,205,567);//!!
line(235,519,205,567);//!!
line(205,619,205,567);
}

###
PImage img;//decline 使用讀圖函數
img=loadImage("bird.png"); 設定讀圖路徑
imageMode(CENTER);//adjust the picture into middle 把圖片位置調到中間
image(img,mouseX,mouseY,100,100);圖片使用位置