Week01 _ 一個上課筆記

作業一 : 小畫家

• 工具 : Processing3   

• 版面  

• 程式教學 

          size(600,400); // 畫布版面大小，size函式一定要在第一行

          line(0,0,100,100);//畫一條座標從(0,0)到(1,1)的直線

成果_一條直線

          rect(10,10,50,50); // 畫四邊形

• 整理後的程式 

          void setup(){
                 size(600,400);
          }
          void draw(){
                 line(mouseX,mouseY,pmouseX,pmouseY);
          }

初始畫布

移動滑鼠可畫出線條

• 最終程式 

          void setup(){
               size(600,400); // 畫布大小，size函式放最上方
          }
          void draw(){
                if(key=='1'){  // 鍵盤控制顏色
                strokeWeight(10); // 筆刷粗細
                stroke(#F51111); // 顏色
                }
                if(key=='2'){
                   strokeWeight(10);
                   stroke(#63C8F5);
               }
               line(mouseX,mouseY,pmouseX,pmouseY); // 移動滑鼠可畫出線條
          }

最終成果的程式

成果

• 補充

在 Processing3 軟體中，選取某個函式按右鍵"在參考文檔中搜索"，可有教學網站，每個函式教學網下方有"Related"區域，是補充類似的函式。

點取右健

函式教學網版

教學目錄

• 課外延伸 : 互動藝術

          網址 : https://www.openprocessing.org/
          內容 : 此為許多互動藝術的程式作品分享平台。