Course review

1. What is your favorite homework?

我覺得是期末專題

雖然現在都在忙著準備補習念書

但是在整合processing跟arduino時還頗有成就感的

尤其是最後能得到大家的支持獲得第二名時

格外覺得開心

2. What did you learn in this course?

學到了怎樣用processing跟arduino板

我覺得最有趣的就是在學arduino

也許是本身是資工系沒什麼機會接觸麵包板

所以在接電路方面格外感到新奇

最後在期末專題中

結合processing跟arduino也是學習到的重點

不然一直都單單只用電腦沒有額外可以操作好像也有點無趣

3. What did you change after this course?

我覺得有改變的是對這堂課的感想吧

一開始一直覺得應該是processing比較有趣

但是上到後來發現其實arduino也不差

兩個都超好玩、有趣

這大概是對這堂課覺得最不一樣的改變吧

Arduino Project Show

【期末專題】

腦年齡測驗

【操作說明】

HW11

【心得】

覺得遇到最大的障礙莫過於是喇叭跟給的頻率不合

在那邊測試要乘幾被測試很多次，還有用除的

最後決定還是借比較好一點的喇叭來裝

不過由於一個人的演奏也沒有其他按鈕

所以想彈別的音樂也不夠音

就只能彈「小蜜蜂」

HW10

【影片】

【心得】

這次設計的概念其實是想設計一個「星星★」的圖形

我是一個人一組，所以我用了八個LED燈

LED show:

１一開始是一個一個亮，再一個一個暗

２再來是奇數先亮再暗；偶數先亮再暗

３其次是全部一起亮三次

４最後是奇數全部一起亮三次；偶數全部一起亮三次

我覺得最繁複的是接線

因為我有排圖案

所以相對的在接線方面就比較不是這麼容易

線也接的相對比較醜

可是接玩看到這個LEDshow時也值得

HW07

【拯救野狼大作戰】

遊戲方式：

利用滑鼠射擊綿羊，拯救野狼

HW06

※網頁demo版：

http://www.csie.fju.edu.tw/~ie965220/InteractiveMedia/hw06/index.html

※截圖版：

【心得】

能讓圈圈跟著自己的滑鼠移動又產生很漂亮的顏色感覺就很有趣

今天還有教淡入淡出、旋轉、移動、放大縮小的效果

還有利用frame讓滑鼠跟著移動

老師今天說要在11/12號前到光華商場買材料

感覺去光華商場挑這些材料一定很有趣

好期待之後用麵包板作一些LED跟鋼琴的效果

HW05

網頁demo版：

http://www.csie.fju.edu.tw/~ie965220/InteractiveMedia/hw05/

※截圖版：

自己的上圖和別人結合最match的

自己的下圖和別人結合最match的

【心得】

imgFront = loadImage(front + "f.jpg");//讀檔,front是變數

imgBack = loadImage(back + "b.jpg");//讀檔,back是變數

image(imgFront, 0, 0);//print出imgFront的位置

image(imgBack, 0, 400);/print出imgBack的位置

frameRate(5);//速度別太快，免得圖片一直跑

很有趣的配對，可以搭配出很好玩的圖片

尤其是發現很多人的想法很像時，搭出來的感覺更是微妙XD

HW04

網頁demo版：

http://www.csie.fju.edu.tw/~ie965220/InteractiveMedia/hw04/

※截圖版：

【心得】

要用文字的畫

要宣告PFont font;//font是自己宣告的名稱

textFont(loadFont("Eureka-90.vlw"));

//這是運用processing中的vlw檔的文字，並且把vlw檔跟這個程式的資料夾放在一起，即會顯示文字

fill(0);//文字顏色

textSize(15);//文字大小

text("eraser", 455, 0+25);//變數分別是:string,x,y

這次把剩餘的功能：save、text文字、clean完成

自己會的小畫家真的蠻有趣的

不過對於美術差的我

只能用簡單的文字來表達我的繪畫功力

HW03

【hw03_01】

※網頁demo版：

http://www.csie.fju.edu.tw/~ie965220/InteractiveMedia/hw03_01/index.html

※截圖版：

【hw03_02】

※網頁demo版：

http://www.csie.fju.edu.tw/~ie965220/InteractiveMedia/hw03_02/index.html

※截圖版：

【心得】

hw03_01

將上禮拜的hw02_03的圖形中修改一些部分

也就是讓它隨著滑鼠移動，就能產生這個動畫

ellipse(x+100+(mouseX-400)/10,y+100+(mouseY-300)/10, 120,120);

還頗有趣的，因為只修改部分就能有這種改變

很容易修改也很容易達到效果

hw03_02

strokeWeight(6);//畫筆粗細

smooth();//讓線不是鋸齒狀(是圓滑)

frameRate(30);//讓mouse它跟上速度

這邊的drew裡面不用清空背景，因為要讓滑鼠連續移動產生圖

自己建的小畫家可以隨自己想要什麼顏色而建立什麼顏色

點入後還可以paint出想要的圖形，還挺有趣的

HW02

【hw02_01】

※網頁demo版：

http://www.csie.fju.edu.tw/~ie965220/InteractiveMedia/hw02_01/index.html

※截圖版：

【hw02_02】

【hw02_03】

【心得】

hw02_01

學習到setup()和draw()的概念

frameRate(1);//變換速度，一秒一個→寫在setup()

background(255);//清空→寫在draw()裡面

fill(random(255),random(255),random(255),102);

//第四個變數是透明度 0~255都可

hw02_02

學習到漸層及巢狀for loop的概念

利用還修改部分的程式碼呈現不同的效果其實蠻有趣的

hw02_03

利用上面的概念實作老師指定的圖片

其實不難，只要抓到修改的訣竅就好

期待下次的由滑鼠移動眼睛

HW01

【原圖】

【用小畫家畫的】

【用processing畫的】

※網頁demo版：

http://www.csie.fju.edu.tw/~ie965220/InteractiveMedia/hw01/index.html

※截圖版：

noStroke(); //無邊框

fill(179,175,172); //填滿

【心得】

剛開始聽到要用軟體畫畫時，就感覺超難，本來還有點擔心

可是老師在教我們怎麼使用時卻發現，其實好像也沒有自己想像中的那麼困難

因為都是用function去畫出來的，所以只要懂得如何使用function其實都還好

當畫出來時的成就感也是很高的

因為就連我美術這麼差都可以畫出來了

而且我還特地用photoshop查原圖的所有顏色

所以相似度應該頗高的！

第一次上這種課，我覺得蠻有趣的，就像老師說的

他只會講一些部分，主要是讓我們主動去學習

我覺得這樣也不錯，就丟出個東西是誘發我們自己去學習的感覺

想深入也能有東西去閱讀，是門特別的課

之後又放了網路版的圖

因為剛好今天大熊有來課堂交怎麼上傳到網路硬碟空間

所以就順便放在網路硬碟上了