Cy.hsin Week01

 1.1設定字體大小:檔案>>偏好設定>>字型大小

    設定視窗:size(500,500);

    設定背景:background(#FFF046);//使用顏色選擇器:工具>>顏色選擇器

1.2 劃出一格長方形:rect(100,100,100,120);

    將長方形填充顏色:fill(#6F85FF);//填充藍色

2.1 void setup(){

      size(500,500);//500*500的視窗

    }

     void draw(){

     background(#FFF046);//黃色背景

     fill(#6F85FF);填充藍色

     rect(100,100,100,200);//100*100*100*200的框框

     rect(mouseX,mouseY,100,200);//滑鼠會在左上角的位子

    }

    

2.2 下載p5.js Jave>>manage Modes

        

2.3  將程式碼轉成p5.js

       step1:將程式碼複製到https://pde2js.herokuapp.com/上傳換

    

 

       srep2:新增p2.js檔案 

       step3:複製程式碼貼上執行

3.1簡單版小畫家

     void setup(){

     size(500,500);

    }

    void draw(){

      if(mousePressed){

        line(mouseX,mouseY,pmouseX,pmouseY);

      }

   }

    

3.2換顏色

    void setup(){

      size(500,500);

      background(#FFFFF2);

      stroke(255,0,0);

    }

    void draw(){

      if(mousePressed){

        line(mouseX,mouseY,pmouseX,pmouseY);

    }

    }

    void keyPressed(){

        if(key=='1')stroke(#0325FA);

        if(key=='2')stroke(#04670A);

        if(key=='3')stroke(#FC8B00);

    }