互動技術 第一周-忘了吃午餐

 今天呢第一次上課，是的。

課前準備 : moodle上 / 上課用資料夾 / 下載 processing 程式

    進入processing :

• 檔案中偏好設定可以設定字型、字體

                               

    

• 工具中的顏色選擇器可以選顏色

                               

    基本程式: 

• size(600,600);//大小
• background(#1AB990);//背景
• rect(100,100, 400,400);//畫方塊，在100，100的位置畫出 400，400的方塊
• ellipse();畫橢圓(圓)
• fill(#FC8F00);填色
• stroke(#9C9D9D);//筆觸色
• noStroke();不要筆觸色
• strokeWeight(5);//筆粗度
• line(200,400, 400,400);//畫線

    補充 : 選取字按右鍵-再參考文字裡找選取的字

                裡面有許多補充和類似用法。

    課堂練習做出企鵝:

    

程式碼:

size(600,600);//大小

background(#9C9D9D);//背景

stroke(#9C9D9D);//筆觸色

strokeWeight(5);//筆粗度

rect(100,100, 400,400);//畫方塊，在100，100的位置

                       //畫出 400，400的方塊 

ellipse(200,300, 40,40);//畫圓  眼睛1

ellipse(400,300, 40,40);//畫圓  眼睛2

 

 

 //嘴巴

noStroke();

  rect(200,350, 200,100);//方型是以左上角為中心點

    fill(#FC8F00);

  ellipse(300,400,200,100);//圓形&橢圓形是以圓心為中點

    

    stroke(#FFFEFC);

    line(200,400, 400,400);//畫線

課堂練習 set up 函式: 將座標改成mouseX,mouseY

                                       眼睛就會跟著滑鼠移動