(╯°□°）╯︵ ┻━┻week02

 今天一開始，複習了上週上過了東西。

line(x1,x2,y1,y2);畫一條線

size(長,高)設定視窗大小

ellipse(x1,y1,半徑x,半徑y)畫一個圓

background(顏色)改變背景色

然後今天交新的東西，我們用滑鼠來改變畫面。

這樣我們就能做出簡易的小畫家，用line跟mouse這兩個變成能畫線的程式。

接下來我們要讓筆畫改變顏色，讓他產生不一樣的顏色。

最後我們改變了比的粗細，還增加了存檔功能。

week2

 點一下能讓畫面變色

void setup(){

  size(500,500);

}

void draw(){//畫圖

   if(mousePressed)background(255,0,255);

    else background(0,255,0); 

}

用滑鼠畫圖:

void setup(){

  size(500,500);

}

void draw(){

  if(mousePressed){

     line(mouseX,mouseY,pmouseX,pmouseY); 

   }

}

點任何顏色，畫出的顏色就改變:

void setup(){

  size(600,500);

}

void draw(){

  fill(#ff0000);rect(0,0,100,100);

  fill(#ffff00);rect(0,100,100,100);

  fill(#00ff00);rect(0,200,100,100);

  fill(#0000ff);rect(0,300,100,100);

  fill(#ff00ff);rect(0,400,100,100);

  if(mousePressed && mouseX<100){

    if (mouseY<100)stroke(#ff0000);

    else if(mouseY<200)stroke(#ffff00);

    else if(mouseY<300)stroke(#00ff00);

    else if(mouseY<400)stroke(#0000ff);

    else if(mouseY<500)stroke(#ff00ff);

  }else if(mousePressed && mouseX>100){

  line(mouseX,mouseY,pmouseX,pmouseY);

 }

}

畫圖之後儲存截圖

void setup(){

  size(600,500);

  fill(#ff0000);rect(0,0,100,100);

  fill(#ffff00);rect(0,100,100,100);

  fill(#00ff00);rect(0,200,100,100);

  strokeWeight(5);

}

void keyPressed(){

 save("yes.png"); 

}

void draw(){ 

  if(mousePressed && mouseX<100){

    if (mouseY<100)stroke(#ff0000);

    else if(mouseY<200)stroke(#ffff00);

    else if(mouseY<300)stroke(#00ff00);

  }else if(mousePressed && mouseX>100){

  line(mouseX,mouseY,pmouseX,pmouseY);

 }

}

week02

 背景顏色、線的顏色、填入顏色

1.背景顏色background(顏色號);

2.線的顏色stroke(顏色號);

3.填入顏色fill(顏色號);

做一個按住會變色的程式

程式碼:

void setup(){

  size(500,500);

}

void draw(){

  if(mousePressed)background(255,0,255);

  else background(0,255,0);

}

做一個用滑鼠畫線的程式

程式碼:

void setup(){

  size(500,500);

}

void draw(){

  if(mousePressed)line(mouseX,mouseY,pmouseX,pmouseY);

    //mouseX,mouseY:現在的鼠標位置

      pmouseX,pmouseY:上一個鼠標位置

}

加上調色盤

程式碼:

void setup(){

  size(500,500);

}

void draw(){

  fill(#ff0000);rect(0,0,100,100);

  fill(#ffff00);rect(0,100,100,100);

  fill(#00ff00);rect(0,200,100,100);

  fill(#0000ff);rect(0,300,100,100);

  fill(#ff00ff);rect(0,400,100,100);

  if(mousePressed && mouseX<100){

  if(mouseY<100)stroke(#ff0000);

  else if(mouseY<200)stroke(#ffff00);

  else if(mouseY<300)stroke(#00ff00);

  else if(mouseY<400)stroke(#0000ff);

  else if(mouseY<500)stroke(#ff00ff);

}

  else if(mousePressed && mouseX>100)line(mouseX,mouseY,pmouseX,pmouseY);

}

strokeWeight(number)更改線的粗度

void keyPressed(){

  save("yes.png");

}

按鍵事件:儲存

迪克 第二週 上色

 

基本概念

還沒點擊視窗前是綠色

點擊會變成藍色

放開之後又變回綠色

把滑鼠當畫筆試著畫畫看

試著做出類似小畫家的感覺

滑鼠點擊某個顏色，畫出來的線條也會變成那個顏色

附上程式碼

———————————————————————————————————————

void setup(){

   size(300,300);

   background(210,210,210);

   fill(210,150,50); rect(0,0,35,35);

   fill(180,0,50); rect(35,0,35,35);

   fill(90,90,210); rect(70,0,35,35);

}

void draw(){

  line(0,35,300,35);

  if(mousePressed && mouseY<35){

    if(mouseX<35) stroke(210,150,50);

    else if(mouseX<70) stroke(180,0,50);

    else if(mouseX<115) stroke(90,90,210);

  }

  if(mousePressed && mouseY>35) line(mouseX,mouseY,pmouseX,pmouseY);

                    ///(滑鼠現在座標X,Y ,上一個滑鼠座標X,Y)

}

———————————————————————————————————————

調整線條粗細跟存檔

我ㄉ作品 嘿嘿(*‘ v`*)

程式碼如下

———————————————————————————————————————

void setup(){

   size(300,300);

   background(210,210,210);

   fill(210,150,50); rect(0,0,35,35);

   fill(180,0,50); rect(35,0,35,35);

   fill(90,90,210); rect(70,0,35,35);

   fill(210,90,210); rect(105,0,35,35);

}

void keyPressed(){///按任一鍵存檔

  save("hyo!.png");

}

void draw(){

  strokeWeight(5);///線條粗細

  if(mousePressed && mouseY<35){

    if(mouseX<35) stroke(210,150,50);

    else if(mouseX<70) stroke(180,0,50);

    else if(mouseX<105) stroke(90,90,210);

    else if(mouseX<140) stroke(210,90,210);

  }

  if(mousePressed && mouseY>35) line(mouseX,mouseY,pmouseX,pmouseY);

                    ///(滑鼠現在座標X,Y ,上一個滑鼠座標X,Y)

}

———————————————————————————————————————

week02

1.

2.

3.

4.

5.

6.

week02-4

void setup(){
  size(600,500);
}
void draw(){
  line(100,0,100,500);
  if(mousePressed && mouseX<100 ){
    if(mouseY<100) stroke(#ff0000);
    else if(mouseY<200) stroke(#ffff00);
    else if(mouseY<300) stroke(#00ff00);
    else if(mouseY<400) stroke(#0000ff);
    else if(mouseY<500) stroke(#ff00ff);
  }
  if(mousePressed && mouseX>100 ){
  line(mouseX,mouseY,pmouseX,pmouseY);
  }
}

void setup(){
  size(600,500);
  fill(#ff0000); rect(0,0,100,100);
  fill(#ffff00); rect(0,100,100,100);
  fill(#00ff00); rect(0,200,100,100);
  strokeWeight(5);
}
void draw(){
  if(mousePressed && mouseX<100 ){
    if(mouseY<100) stroke(#ff0000);
    else if(mouseY<200) stroke(#ffff00);
    else if(mouseY<300) stroke(#00ff00);
  }
  if(mousePressed && mouseX>100 ){
  line(mouseX,mouseY,pmouseX,pmouseY);
  }
}

WEEK-2

 Processing

按下去變色 :

void setup(){

  size(480,480);

}

void draw(){

  if(mousePressed){**監控滑鼠按下與否

    fill(#FFADF3);

    stroke(0,0,0,0);

    square(0,0,240);

    square(240,240,240);

  }

  else background(#AEFF94);

}

畫線 :

void setup(){

  size(960,720);

}

void draw(){

  if(mousePressed){

    line(mouseX,mouseY, pmouseX,pmouseY);**畫線

  }

}

簡易小畫家 :

void setup(){

  size(960,720);

  fill(#FF0000); rect(0,0, 160,120);

  fill(#FF8000); rect(0,120, 160,120);

  fill(#FFFF00); rect(0,240, 160,120);***選色區塊

  fill(#00FF00); rect(0,360, 160,120);

  fill(#0000FF); rect(0,480, 160,120);

  fill(#F800F8); rect(0,600, 160,120);

  strokeWeight(3);**畫筆粗細

}

void keyPressed(){

  save("Picture.png");**儲存圖檔

}

void draw(){

  if(mousePressed && mouseX<160){

    if(mouseY<120) stroke(#FF0000);

    else if(mouseY<240) stroke(#FF8000);

    else if(mouseY<360) stroke(#FFFF00);

    else if(mouseY<480)stroke(#00FF00);***畫出顏色線

    else if(mouseY<600)stroke(#0000FF);

    else if(mouseY<720)stroke(#F800F8);

  }

  else if(mousePressed && mouseX>160){

    line(mouseX,mouseY, pmouseX,pmouseY);

  }

}