2020年9月21日 星期一

:D~week02

🔴原本背景是藍綠色,點擊後變紫色
⬇⬇⬇以下是程式碼⬇⬇⬇
void setup()
{
  size(600,600); 
}
void draw()
{
    if(mousePressed)background(100,0,180);
    else background(0,180,180);
}






















🔴結合上星期做的圖案,原本只有臉,點擊後顯示五官且背景變色
⬇⬇⬇以下是程式碼⬇⬇⬇
void setup()
{
  size(600,600); //畫布大小
}
void draw()
{
  if(mousePressed)
  {
    background(100,0,180);//背景顏色
    fill(68,155,234);//填色
    stroke(#064ABC);//框的顏色
    rect(100,100,400,400,20);//外臉
    fill(136,192,242);//填色
    rect(120,120,360,360,20);
    fill(255,255,255);//填色
    stroke(0,0,0);//框的顏色
    ellipse(200,280,60,60);//左外眼
    fill(0,0,0);//填色
    ellipse(200,280,50,50);//左內眼
    fill(255,255,255);//填色
    ellipse(400,280,60,60);//右外眼
    fill(0,0,0);//填色
    ellipse(400,280,50,50);//右內眼
    fill(247,187,9);//填色
    ellipse(300,400,200,80);//嘴唇
    line(200,400,400,400);//嘴
    fill(54,54,54);//填色
    rect(150,200,95,20);//左眉毛
    rect(352,200,95,20);//右眉毛
  }
  else 
  {
    background(0,180,180);//背景顏色
    fill(68,155,234);//填色
    stroke(#064ABC);//框的顏色
    rect(100,100,400,400,20);//外臉
    fill(136,192,242);//填色
    rect(120,120,360,360,20);//內臉
  }
}







































🔴做出小畫家,可自由繪畫,但筆刷只有黑色
⬇⬇⬇以下是程式碼⬇⬇⬇
void setup()
{
  size(600,600); 
}
void draw()
{
  if(mousePressed)
  {
    line(mouseX,mouseY,pmouseX,pmouseY);
  }
}





















🔴做出小畫家,可自由繪畫,筆刷有其他顏色
⬇⬇⬇以下是程式碼⬇⬇⬇
void setup()
{
  size(900,600); 
}
void draw()
{
  fill(255,0,0);rect(0,0,100,100);//red
  fill(255,255,0);rect(0,100,100,100);//yellow
  fill(0,180,0);rect(0,200,100,100);//green
  fill(0,100,255);rect(0,300,100,100);//blue
  fill(100,0,150);rect(0,400,100,100);//purple
  fill(0,0,0);rect(0,500,100,100);//black
  if(mousePressed && mouseX<100)
  {
     if(mouseY<100) stroke(255,0,0);//red
     else if(mouseY<200)stroke(255,255,0);//yellow
     else if(mouseY<300)stroke(0,180,0);//green
     else if(mouseY<400)stroke(0,100,255);//blue
     else if(mouseY<500)stroke(100,0,150);//purple
     else if(mouseY<600)stroke(0,0,0);//black
  }
  else if(mousePressed && mouseX>100)
  {
    line(mouseX,mouseY,pmouseX,pmouseY);
  }
}















🔴將筆刷加粗
⬇⬇⬇加以下程式碼在void setup()裡即可⬇⬇⬇
 strokeWeight(3);//粗度















🔴按鍵盤任意鍵可存檔
⬇⬇⬇加以下程式碼即可⬇⬇⬇
void keyPressed()
{
  save("ya.png");
}


沒有留言:

張貼留言