2022/09/05 開學日
第一節課:
-這門課要學哪一種語言，要使用Processing程式語言。
-解釋為什麼學：Processing是一種開源程式語言，專門為電子藝術和視覺互動設計而創建。
-如何學?
Teams & Moodle有上課教學錄影與截圖
學期成績:
Blog 20%，期中作品40%，期末作品40%
加入FB社團：2022互動技術
-介紹Processing介面
-程式實作:
1.調整視窗大小
2.調整視窗背景顏色：工具>顏色選擇器>用滑鼠選擇自己的顏色>複製顏色的代碼>貼上程式碼
第二節課:
-程式實作:
1.畫四邊形 & 填充四邊形顏色
rect（ｘ，ｙ，長，寬）
2.以上，都是靜態的程式，沒有做互動的部分
所以...
把(x,y)改成mouseX & mouseY(四邊形跟滑鼠一起移動)
-安裝網頁模式p5.js模式
-把Java轉換成JavaScript
-上網找一個程式語言翻譯網站:搜尋processing to p5.js>點進第一個網頁
把程式碼複製貼上到左邊，右邊翻譯(之後剪貼至processing 介面執行)
第三節課:
-改檔名(注意js的檔案儲存index.html的檔案名稱要對，可以按Re-create-index-html就可以解決這個問題了。）
-小畫家(簡易版)
pmouseX，pmouseY：為上一個滑鼠的位置。
if()判斷滑鼠是否按下。
-小畫家(魔王版，多顏色畫筆)
if()判斷鍵盤，選擇哪種顏色的畫筆。
把五個程式檔案直接傳上自己的github網頁。
THE END
沒有留言:
張貼留言