黃如渼＿1092基礎程式設計期末作品集

1092 學 年 程 式 設 計 期末作品集

學 生 指

導

:

1 0 8 3 2 3 1 老

師

:

黃 如 渼 林

楚

卿

目錄: • 第 一 次 作 業

• 第 二 次 作 業

• 第 三 次 作 業

• 第 四 次 作 業

• 第 五 次 作 業

• 第 六 次 作 業

• 第 七 次 作 業

• 心 得

GIUGNO. 2021 NO.1083231

P5_Brush

第一次作業 第一次接觸“寫”程式編碼的軟體，以前學過的大部分都是堆積木的 那種寫程式工具設計，不過這次寫的話就是使用全英文去編寫了！不 像之前幾個還有中文，難度又加深了呢！

<iframe src="https://openprocessing.org/sketch/1189708/embed/" width="400" height="400"></iframe>

利用與滑鼠的關係，讓呈現出的圖案有些變化。 按下滑鼠時，原本粉色的圖案會變成灰色，並 且大的圖形會消失。 滑鼠滑動時會有留下來的軌跡。

程

式

編

碼

P5_Self_

第二次作業 這次設計要做的是自畫像，但我對寫程式的部分真的是一竅不通， 只好慢慢去摸索，所以當我看到其他同學做的自畫像的時候，就很 驚訝，天啊怎麼能變成這樣！太厲害了！ 一個個的方塊及座標一 步步的摸索，尋找出以馬賽克的方式去製作。

<iframe src="https://openprocessing.org/sketch/1194473/embed/" width="400" height="400"></iframe>

說

明

這次和上一次作業不同的地方在於滑鼠可以畫出你想要塗 鴉到的地方，用不同的2D圖形去製作自畫像。 但因為是自己摸索的關係，很多的步驟都是徒法煉鋼的方 式去製作。

製作發想: 希望和玩的人可以有些互動，關於頭髮的部分 可以讓使用者自行繪畫

那這次主要用到的程式是: NOSTROKE LET FROM….TO COLORMADE INTER…

P5_Grid Pattern <iframe src="https://openprocessing.org/sketch/1200823/embed/" width="400" height="400"></iframe>

第三次作業

這 次 的 作 業 是 要 利 用 L E T, F O R LO O P 和 T R A N S L AT E ( 變 數 ) 去做編寫 然後還加上了顏色因滑鼠而變化 的功能且本身就擁有自動移動的 功能。

這次主要使用到的指令為:

STROKEWEIGHT RECTMODE T R A N S L AT E

程

式

編

寫

p5_ js Random

說

明 第四次作業

這次的作業主要是要RANDOM去做編寫， 圓球會隨著滑鼠的移動做變化，而跑出來的圓 球的大小則是隨機的，運用兩種不同大小、不 同顏色和不同透明度去做變化。

主要想製造出，當我們人走過觸碰到的地方， 只要有病毒的存在，一律會被覆蓋和淹沒。

主要用到的編碼為: L E T… TEXT T R A N S L AT E NOSTROKE FOR LOOP RANDOM

<iframe src="https://openprocessing.org/sketch/1207357/embed/" width="400" height="400"></iframe>

程

式

編

寫

p5_ js map, % <iframe src="https://openprocessing.org/sketch/1212282/embed/" width="400" height="400"></iframe>

現

代

藝

術

作

品

說

明 第五次作業

這次作業的內容是要和現代藝術作品做結合，並且要可以和滑鼠互動， 滑鼠互動有分左、中、右三個不同的互動，按左鍵會出現彩色和英文 字，中間的則是會出現彩色的圖案但沒文字，右鍵則是會出現黑白色 的圖案和英文字。以圖案顏色不同堆疊出層次感，疊出現是我選的作 品的背景呈現出的感覺。

這次主要用到的編碼為: VAR RANDOM FOR LOOP TEXT MOUSE BUT TON IF

程

式

編

寫

P5_ js color <iframe src="https://openprocessing.org/sketch/1217016/embed/" width="400" height="400"></iframe>

說

明 第六次作業

創作出表達個人情緒且有互動的程式，我想表達的是 當我在思考如何創作時靈光乍現的那種情緒！當靈感 出現時，就好像非常刺激的電流衝進我的腦海之中！ 有一股興奮得爽感！所以想用這些情緒去表達突然有 靈的部分。以快速流動及圓點點不斷突然的冒出來， 就好比著靈感的湧入，而顏色則用高名度的色彩去作 表示。

當滑鼠按下時靈感會蜂擁而至，放掉滑鼠時，則會呈 現黑平的部分，但是以許多隨機的黑色圈圈將靈感覆 蓋，且出現SEE YOU的文字出現。

這次主要出現的編碼為: HSB FOR LOOP I F… E L S E TEXT RANDOM VAR MOUSEPRESSED

程

式

編

寫

寵物繪圖 <iframe src="https://openprocessing.org/sketch/1221324/embed/" width="400" height="400"></iframe>

說

明 第七次作業

這次作業要做的是寵物繪圖，是最後一次的作業了！所 以要把之前學會的全部都用在這次的作業之中！在和上 一次做結合，要以機器人的外型去做！那我上一次的機 器人外型是以正方形和長方形去製作的。 這次主要的編寫有:

RANDOM T R A N S L AT E COLORMODE FOR LOOP I F… MOUSEISPRESSED LET

程

式

編

寫

心

得

由於之前都沒有這樣寫程式過，說實話一開始真的很手足 無措，雖然老師有說這個算是很簡單很人性化的編寫程式， 到後來確實有稍稍感受到他的人性化，但有些的運作仍然沒 有很懂，像是前面某些圖案我想要他NOSTROKE後之後的 都有STROKE,但是他們都只有接收到NOSTROKE這個指 令有時候真的不是很理解。 但 當我真的製作出些很有趣互動和圖案時那瞬間是很有成就 感的！覺得能用寫程式的方式去呈現自己想要的圖示或是互 動，甚至是讓物件自己動起來！那個當下是在快樂不過的了！ 有時候，上老師的課就好像揭開一個個的驚喜包，不會知 道自己的極限，不知道自己也有這樣的能力，不知道的是有 很多很多，但當揭開那些不知道時，帶來的興奮遠超過製造 時的苦惱。

這就是我為什麼這麼喜歡藝術和設計吧! 嘗試所有的不可能， 揭曉所有的不知道。