第一步驟：
寫出可以畫圖的程式，但這個程式滑鼠沒辦法停止。
程式碼：
void setup(){
size(800,600);
}
void draw(){
line(mouseX, mouseY, pmouseX, pmouseY);
}
-----------------------------------------------------------------------------------------------------
第二步驟：
滑鼠可以停止了。
程式碼：
void setup(){
size(800,600);
background(#00FFCC);
}
void draw(){
if(mousePressed)
line(mouseX, mouseY, pmouseX, pmouseY);
}
-----------------------------------------------------------------------------------------------------
第三步驟：
新增多種顏色
程式碼：
void setup(){
size(800,600);
background(#DDDDDD);
}
void draw(){
fill(0,255,255); rect(0,0,100,100);
fill(255,0,255); rect(0,100,100,100);
fill(144,238,144); rect(0,200,100,100);
}
void mouseDragged()
{
line(mouseX,mouseY,pmouseX,pmouseY);
}
void mousePressed(){
if(mouseX<100 && mouseY<100)
{
stroke(0,255,255);
}
else if (mouseX<100 && mouseY<200)
{
stroke(255,0,255);
}
else if (mouseX<100 && mouseY<300)
{
stroke(144,238,144);
}
}
第四步驟：
新增線條粗細更改
程式碼：
void setup(){
size(800,600);
background(255);
}
float myTsu=1;
color myStroke=color(0);
void draw(){
stroke(0); strokeWeight(1);
fill(0,255,255); rect(0,0,100,100);
fill(255,0,255); rect(0,100,100,100);
fill(144,238,144); rect(0,200,100,100);
stroke(myStroke); strokeWeight(myTsu);
}
void mouseDragged(){
line(mouseX, mouseY, pmouseX, pmouseY);
}
void mousePressed(){
if(mouseX<100 && mouseY<100){myStroke=color(0,255,255);}
else if(mouseX<100 && mouseY<200){myStroke=color(255,0,255);}
else if(mouseX<100 && mouseY<300){myStroke=color(144,238,144);}
if(mouseX>700) myTsu=mouseY/30;
}
-----------------------------------------------------------------------------------------------------
第五步驟：
刮畫（很有趣）
void setup(){
size(800,600);
colorMode(HSB,800);
background(0);
strokeWeight(2);
}
void draw(){
if(mousePressed){
stroke(mouseX,mouseY,800);
line(mouseX,mouseY,pmouseX,pmouseY);
}
}
沒有留言:
張貼留言