喵~顏色!!

 Processing~顏色~

上色(灰階、RGB......)

• 填色格式:
1. 灰階(0~255)
2. RGB(R,G,B) / (R,G,B,A)///透明度
• 
  
  
3. #FFFFFF
• 

• 色塊: fill();
• 
• 線框(筆觸): stroke();
• 
• 背景色: background();
• 

顏色隨滑鼠點擊閃爍

• void draw(){
•   if(mousePressed){
•     background(#FFEB9B);
•   }
•   else{
•     background(#9BFCFF);
•   }
• 
  
  

小試身手:

• void setup()
• {
•   size(400,400);
• }
• void draw(){
•   if(mousePressed){
•     background(#FFEB9B);
•   }
•   else{
•     background(#9BFCFF);
•   }
•   stroke(#C974FF);
•   line(0,50,400,50);
•   line(0,350,400,350);
•   line(0,60,400,60);
•   line(0,340,400,340);
•   line(50,0,50,400);
•   line(350,0,350,400);
•   line(60,0,60,400);
•   line(340,0,340,400);
•   fill(#F5D2F5);
•   stroke(#F5D2F5);
•   rect(100,100,200,175,60);//face
•   ellipse(105,105,75,75);
•   ellipse(295,105,75,75);
•   fill(0,0,0);
•   ellipse(175,170,15,15);//eyes
•   ellipse(225,170,15,15);
•   triangle(190,175,210,175,200,185);//nose///三角形
•   stroke(0,0,0);
•   line(200,180,200,200);
•   line(200,200,190,210);
•   line(200,200,210,210);
• }
• 

簡易小畫家~

• void setup()
• {
•   size(600,500);
•   background(255,255,255);
•   strokeWeight(2);///筆觸粗細
• }
• void keyPressed()///按任意鍵存檔
• {
•   save("save.png");
• }
• void draw()
• {
•   fill(#ff0000); rect(0,0,100,50);
•   fill(#ffff00); rect(0,50,100,50);
•   fill(#00ff00); rect(0,100,100,50);
•   fill(#00ffff); rect(0,150,100,50);
•   fill(#0000ff); rect(0,200,100,50);
•   fill(#ff00ff); rect(0,250,100,50);
•   fill(#000000); rect(0,300,100,50);
•   fill(#FFA2F9); rect(0,350,100,50);
•   fill(#FF6F00); rect(0,400,100,50);
•   fill(#178300); rect(0,450,100,50);
•   if(mousePressed && mouseX<100){///換顏色
•     if(mouseY<50) stroke(#ff0000);
•     else if(mouseY<100) stroke(#ffff00);
•     else if(mouseY<150) stroke(#00ff00);
•     else if(mouseY<200) stroke(#00ffff);
•     else if(mouseY<250) stroke(#0000ff);
•     else if(mouseY<300) stroke(#ff00ff);
•     else if(mouseY<350) stroke(#000000);
•     else if(mouseY<400) stroke(#FFA2F9);
•     else if(mouseY<450) stroke(#FF6F00);
•     else if(mouseY<500) stroke(#178300);
•   }
•   if(mousePressed && mouseX>100){
•     line(mouseX,mouseY,pmouseX,pmouseY);
•   }
• }
•