2018互動技術: Week02_05160664

Week02

做出噁心的接龍，

程式碼:void setup(){

size(400,400); //視窗大小

}

int R=30;//設一個變數為30

void draw(){

ellipse(mouseX,mouseY,R,R); //ellipse畫出橢圓形，座標是滑鼠位子，大小是變數

R-=3;//圓形會-=3，會越來越小

if(R<0) R=30;//如果R<0，R=30

}

做出噁心且有顏色的接龍，

新加程式碼:void setup(){

size(400,400);

colorMode(HSB,100);//做出彩紅顏色，H是色相，S是飽和度，B是亮度

}

int R=30,H=0;//設定H=0

void draw(){

fill(H,100,100);//fill填滿顏色

ellipse(mouseX,mouseY,R,R);

R-=3;

if(R<0) R=30;

H++;//H每次加1

if(H>=100) H=0;//如果H>=100，H=0

}

做出綻放的花朵

程式碼:void setup(){
size(400,400);
colorMode(HSB,100);
}
int R=50,H=0;//R設為50
int CircleX=200,CircleY=200;//設初始X,Y座標為200
void draw(){
fill(H,100,100);
ellipse(CircleX,CircleY,R,R); //畫圓形一開始座標為200,200
R-=2;
CircleX+=random(30)-15;//X座標+=隨機數字(15~-15)
CircleY+=random(30)-15;//Y座標+=隨機數字(15~-15)
if(R<0){//如果R<0
R=50;
CircleX=200;CircleY=200;//座標回到初始位置
}
H++;
if(H>=100) H=0;

}

四處綻放的花

程式碼:void setup(){

size(400,400);
colorMode(HSB,100);
}
int R=50,H=0;
int CircleX=200,CircleY=200;
int speedX=0,speedY=0;//New2//設X.Y座標移動速度初始為0
void draw(){
fill(H,100,100);
ellipse(CircleX,CircleY,R,R);
R-=2;
speedX+=random(10)-5;//New2//X座標移動速度+=5~-5
speedY+=random(10)-5;//New2//Y座標移動速度+=5~-5
if(speedX>10)speedX=10;//New3//如果X速度>10,把速度變回10
if(speedY>10)speedY=10;//New3//如果Y速度>10,把速度變回10
if(speedX<-10)speedX=-10;//New3//如果X速度<-10,把速度變回-10
if(speedY<-10)speedY=-10;//New3//如果Y速度<-10,把速度變回-10
CircleX+=speedX;//New2圓形座標+=速度座標
CircleY+=speedY;//New2
if(CircleX<0) speedX=30;//New3//如果圓形跑處去,會被反彈回來
if(CircleX>400) speedX=-30;//New3
if(CircleY<0) speedY=30;//New3
if(CircleY>400) speedY=-30;//New3
if(R<0){
R=50;
//CircleX=200;CircleY=200;//Now
}
H++;
if(H>=100) H=0;
}