LS._. Week01

直接模式 Immediate Mode (Static Mode)

• 開啟processing

• 調整文字大小和中文字體以及叫出視窗
• size(寬,高); 

• 加入背景(R,G,B);

• 程式碼

    //This is very big
    //中文字
    size(500,500);
    background(255,255,0);

互動模式 Interactive Mode (Active Mode) - 橢圓圈圈

• 寫出滑鼠畫圖程式碼，每秒畫60次橢圓圈圈

• 程式碼

    void setup(){
      size(500,500);
      background(255,255,0);
    }

    void draw(){
      ellipse(mouseX,mouseY,8,8);
    }

互動模式 Interactive Mode (Active Mode) - 直線

• 寫出滑鼠畫圖程式碼，畫出直線

程式碼

    void setup(){
      size(500,500);
      background(255);
    }

    void draw(){
      if(mousePressed){
        line(mouseX,mouseY,pmouseX,pmouseY);
      }
    }

KeyBoard按鍵顏色

• 加入程式碼使鍵盤可以改顏色

程式碼
    void setup(){
      size(500,500);
      background(255);
    }

    void draw(){
      if(mousePressed){
        line(mouseX,mouseY,pmouseX,pmouseY);
      }
    }

    void keyPressed(){
      if(key=='1') stroke(255,0,0);
      if(key=='2') stroke(0,255,0);
      if(key=='3') stroke(0,0,255);
    }

存檔

• 加入程式碼，使可透過鍵盤 "S" 直接存檔

• 存好的圖

程式碼
    void setup(){
      size(500,500);
      background(255);
    }

    void draw(){
      if(mousePressed){
        line(mouseX,mouseY,pmouseX,pmouseY);
      }
    }

    void keyPressed(){
      if(key=='1') stroke(255,0,0);
      if(key=='2') stroke(0,255,0);
      if(key=='3') stroke(0,0,255);
      if(key=='s'||key=='S') save("output.png");
    }
鍵盤調節粗細
加入程式碼，使可透過鍵盤 "+" "-" 調節粗細
程式碼
    void setup(){
      size(500,500);
      background(255);
    }

    void draw(){
      if(mousePressed){
        line(mouseX,mouseY,pmouseX,pmouseY);
      }
    }

    void keyPressed(){
      if(key=='1') stroke(255,0,0);
      if(key=='2') stroke(0,255,0);
      if(key=='3') stroke(0,0,255);
      if(key=='s'||key=='S') save("output.png");
      if(key=='+') strokeWeight(10);
      if(key=='-') strokeWeight(1);
    }
進階調節粗細
加入程式碼，使可透過鍵盤 "++w" "--w" 調節粗細
程式碼

    void setup(){
      size(500,500);
      background(255);
    }

    void draw(){
      if(mousePressed){
        line(mouseX,mouseY,pmouseX,pmouseY);
      }
    }

    int w=1;
    void keyPressed(){
      if(key=='1') stroke(255,0,0);
      if(key=='2') stroke(0,255,0);
      if(key=='3') stroke(0,0,255);
      if(key=='s'||key=='S') save("output.png");
      if(key=='+') strokeWeight(++w);
      if(key=='-') strokeWeight(--w);
      println(w);
    }
OpenProvessing
創建一個新帳號
點擊右上角
要改成pjs
執行
存檔