1. TO DO:看前人的作品2015interaction.blogspot.com
FB: 2016互動技術
facebook.com/groups/2016interaction
2016interaction.blogspot.com
facebook.com/groups/2016interaction
2016interaction.blogspot.com
2.簡單程式碼:
stroke(#FFBE17);
line(10,10,90,90);
畫一條線
2.線加粗
程式碼
size(800,600);///視窗大小
stroke(#FAB22B);
strokeWeight(10);///線的粗度
line(10,10,900,900);

3.查詢程式碼



4.畫彈弓
程式碼
void setup(){
size(800,600);
stroke(#FAB22B);
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);
}


程式碼
size(800,600);///視窗大小
stroke(#FAB22B);
strokeWeight(10);///線的粗度
line(10,10,900,900);

3.查詢程式碼



4.畫彈弓
程式碼
void setup(){
size(800,600);
stroke(#FAB22B);
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("CAT.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(185,512, 205,567);
line(235,519, 205,567);
line(205,619, 205,567);
}

沒有留言:
張貼留言