期末作業_B9842208_蔣孟成

概念: 利用到節拍器的相關應用，再與萬花筒做結合，並使所有操作能用鍵盤控制。 

操作: Q:開 W:關 E:關聲音 1~5可控制聲音頻率並且使萬花筒改變 5和7可直接手動調整萬花筒。


 











PD程式



影片

期末作業＿B9842215＿溫武湘

期末作業＿B9842215＿溫武湘
作品名：Magic Moment

概念：當人進入畫面，就會觸發周圍的燈光閃爍產生氣氛。

說明：利用webcam感應，當有人進入畫面，會自動偵測，若進入Ｘ值正確的範圍，將開啓燈光，也會偵測Ｙ值 ，產生節拍器的變化，讓畫面產生短暫閃爍的氣氛。

期末作業_B9842205_林歆珮

< 喔嗨唷 >

* 構想

聲音互動

利用說話的聲音大小使畫面裡的小球滾動

whisper > normal > louder

* 作法

1. 麥克風收音

2. 利用 spigot 開啟不同範圍的聲音接收

3. 節拍器 ( 使背景的圖案轉動 ) 

* 示範影片

* puredata

期末作業_B9742212_蔡昀家

作品名：鬼影隨行

概念：當人經過，鬼的影像就會跟著人移動。

說明：利用webcam感應，凡有人經過，便會有影像跟著人。利用[pix_blob]做出跟著人移動的的圖片[pix_image]和影像[pix_film]。

示範影片：

程式：

期末作業＿B9842224＿林家琪

作品名：7-遊戲機

概念：

以手的動作來操作虛擬的拉桿，讓這台迷你吃餃子老虎機運作，並隨機停留在Lucky 7、金錢、炸彈，轉到三個7將贏得遊戲。

說明：

用[pix_blob]來偵測手的位置，當手的y值到達某一數值後，遊戲機中三個畫面的影片便開始播放，並用[random]隨機播放影格，最後計算影格播放的數目，當超過某數值時即停止播放，即得到遊戲結果。

程式：

示範影片：

（手部的和遊戲機室同步的，因為影片切到的關係可能有點不清楚）

期末作業_B9842220_黃舒唯

作品名：舞。畫

概念：
畫，一直都是靜態的作品，有時候觀賞者可能會誤會作者想表達的含義，所以這次的作品，我想讓畫不再只是一個掛在牆上的作品，讓它可以隨著觀賞者的動作有所互動，感覺就像因為我們的動作讓一幅畫活了起來。

說明：
我用了比較簡單的方法讓使用者可以跟畫互動，我把鍵盤上的幾個鍵用puredata轉換成我們熟悉的音階，讓使用者感覺像是在彈鋼琴一樣，再讓那幾個鍵的設定可以讓畫中的人物有不一樣的反應。按下 A , F , J 鍵可以讓畫中的人物以y軸旋轉，按下S , V , K 鍵以x軸旋轉，按下 D , N , L 鍵人物會以x軸平行移動，再ㄤ鍵他們會以x軸的另一個方向平移回來。A S D F V N J K L ㄤ鍵的音分別是Do , Re , Me , Fa , Sol , La , Si , Do , Re , Me。

程式：

示範影片：

期末作業＿M9942001高韞豐＿Bionics

作品名：Bionics

概念：

如果實體生物化，人們會寄託什麼情感呢!?冰冷的觸感，但是卻有像是生物的感測能力，與人類的關係是否是不互相影響，還是情感的交流呢?在使用的過程中展現了一種奇異的體驗，物體如生物般追蹤使用者的動向，並起紀錄使用者的位址，物體用音樂與使用者溝通。

說明：

運用到紅外線攝影機與紅外線投光器，由puredata這邊擷取影像變對影像計算，得到使用者移動的中心，再利用使用者中心的數據去控制伺服馬達的動作讓玻璃面對使用者的方位，同樣再用使用者的移動數據操控puredata中不同音樂層次的表現，並同時送到processing中指揮processing在螢幕上生長作圖。

PJ1_時尚皮諾豬

＋概念
結合許願池與存錢桶的功能，還有大家對於慾望的驅使，讓大家一再的想要知道會有什麼結果而繼續投錢。
投錢許願喲～有投必應喲～

＋元素
由主動改為被動，靠近存錢桶就會主動反應，要求投錢。

＋模擬影片

＋製作
b9842220黃舒唯
b9842205林歆珮

PJ1_心情包包

概念

當我們在用包包的時候，包包會是什麼心情？如果包包有了感情，這樣不只是我們在使用包包而已，而是雙方的互動。

當包包打開時，包包會呼吸。當包包開太久時，包包會提醒我們忘記把它關起來，它就像一個伴，提供你裝東西，又是個有感情的包包。

互動元素

包包內會裝LED燈，當拉開拉鍊時，會觸動拉鍊上的按鈕，燈會一閃一閃的淡出淡入閃爍，就像包包正在呼吸。當包包打開超過三十秒時，包包內會閃爍警示燈，提醒主人包包忘記關。

命名

它是一個有情緒的包包，因此命名為“心情包包”。

PJ1互動用品設計

互動元素：風鳴片、轉扭sensor 互動原理：主要是運用旋鈕控制聲音的頻率，旋鈕旋轉為不同角度，風鳴片將發出不同頻率的聲響。 成品：運用旋鈕的概念，旋轉的越多將發出更高頻率的聲響，在閒暇或心煩時，可以藉由石中間小玩具旋轉發出不同頻率的聲音來達到抒發的效果

PJ1: 互動用品設計

• 以一項生活用品發想
• 討論它的互動元素、原理、運作程序
• 以互動設計觀點為它命名
• 進行互動設計，例如可以增刪什麼元素？以功能、好用、趣味、美感等標準去思考。 (有用或無用皆可)
• 運用控制器、感測器輔助進行製作可運作的成品
• HW4: Prototype進度報告，交紙本草圖、Arduino程式和Fritzing電路圖
• 發表於課程網站
• 進行實體成品展示及 準備PowerPoint口頭報告
• 交構想PPT、Arduino程式和Fritzing電路圖
• 展示影片放至Youtube，並貼至本網站

HW2互動藝術＿b9842215_溫武湘

Piano stairs

互動元素：行人、階梯、音樂
互動原理：利用紅外線感應、當人觸碰到機械時，啓動聲音的產生
互動程序：行人走在不同階梯上會發出不同鋼琴音樂，就像用雙腳彈奏曲子一樣。

--------------------------------------------------------------------------------------------------------------------------
在瑞典的斯德哥爾摩(Stockholm)，有一個讓使用者慣性大為改變的數位互動藝術。
在捷運站或公共空間中，我們可以經常發現，電扶梯的使用率往往都高於一旁樓梯的使用率。
有鑑於此，藝術家想到了一個十分有趣的點子，那就是把手扶梯旁的樓梯改成互動鋼琴裝置。

結果顯示，因為這項裝置，行人選擇走樓梯的比例比平常走樓梯的人數多出66%。!

--------------------------------------------------------------------------------------------------------------------------

如果我是設計者：想把直接輸出聲音，改成可以藉由手機或是藍牙或紅外線傳輸，戴上耳機才聽得見，還可以透過手機等工具事先更改呈現方式。 若要呈現出來，改成由一個尖峰期行人的踩踏數據計算來呈現（當下呈現）影子投射在牆上，當人碰撞，影子則像水波一樣激起漣漪。

HW2:互動藝術_B9643043_李晏慈

http://www.youtube.com/watch?v=nhSR_6-Y5Kg&feature=player_embedded#!
(FR_Johnny Lee - Carnegie Mellon University)

利用紅外線和投射
將螢幕顯示於軟的及可摺疊的表面
就可以將這個互動顯示器隨身攜帶
此設計使用了WII遙控器和IR LEDs

可以應用再電子書上，使之更加輕便
且不會用到紙，減少樹木的砍伐

HW2:互動藝術-M9942001 高韞豐

藝術品：

Tool's Life

via plaplax ltd. 

                 

:: wood, metallic tools, touch sensor, projector, computer, etc.

:: 1200 × 1200 × 500

:: [ interactive installation ]

:: 2001

互動元素、原理、運作程序：

Tool's Life是一件具有文化含意的作品，如上圖所示，桌面上擺滿了日常生活中隨處可見的日用品，當人們去觸碰這些日用品時，感應器會感應到物品的移動，讓上方投影機本來投影出正常物品虛擬的數位影子，隨人們的觸動其影子彷彿有生命般地舞動起來。

個人看法：

Tool's Life是一件很有趣的作品，對東方人來說，不論日本或是中國都會有靈魂寄存再小東西上的說法；而對西方人，影子則是很容易跟Peter Pan的影子有很大的連結，它讓人在回憶起童年時那種對陰影害怕的同時，也把這種恐懼用較為童趣的方式包裝起來，使得人面對這個情況時，因為出其不意的勾起了本能的恐懼但卻發現對人無害時，而得到一種有趣的體驗。

HW2：互動藝術＿B9842220黃舒唯

名稱：Test Site

作者：Carsten Höller

這個作品是一個金屬製的巨大溜滑梯，讓現場民眾親自參與，來跟作品本身產生互動，並體驗到作者想要傳達的意義。
作者想要表達的是，除了認為溜滑梯也應是建築物內運輸人們的裝置之一，就像樓梯、電梯或手扶梯一樣具運輸效能；另一方面來說，滑梯更能有效快速疏運人們，同時讓人們體驗介於欣喜與瘋狂 (delight and madness) 的特殊狀態。
旁觀者也可以透過各層樓的大片玻璃，俯瞰參與者與作品互動的有趣表情，間接地與作品產生互動

一踏進這個藝術空間應該就會對個巨大的溜滑梯有強烈的印象，我覺得它是個會讓人感到既期待又有點害怕的互動藝術，溜滑梯是每個人小時候都愛玩的，所以大家一定會很喜歡，可是它卻非常高大，這會讓人覺得怕怕的。然後透過這個互動藝術，可以讓別人看到自己參與時的表情，也可以看到別人的，是個非常有趣的藝術品，而且他想傳達的意義我個人非常喜歡，如果以後的建築物可以裝上溜滑梯，那大家可以節省時間也可以保有玩遊戲的快樂心情，一舉兩得。

http://www.airdeparis.com/holler.htm
http://www.techeblog.com/index.php/tech-gadget/how-geeks-design-elevators
http://blog.roodo.com/taishinart/archives/3357535.html

HW2：互動作品＿b9842205林歆珮

「奇幻‧不思議」：日本3D幻視藝術
日本幻視藝術界的第一把交椅劒重和宗（1940～1997）認為：「美術館不該被束之高閣， 它應該是個讓懂得欣賞藝術的人、不懂得欣賞的人，不論大人還是小孩，任誰都能夠和它很親近的地方！」因此，為積極促使民眾參與藝術活動，拉近藝術與民眾的距離，其於80年代起積極推動幻視藝術運動相關展覽， 並成立推動幻視藝術的TRICK ART美術館。

https://www.facebook.com/3D.Trick.Art?sk=wall
http://www.youtube.com/watch?v=q8AkiwR7VuE&feature=related
http://www.youtube.com/watch?v=0lzmP46IHao&feature=related

利用視覺與平衡產生的「錯覺」，增加作品與觀眾的互動、拉近距離，真的是很好玩:)

HW2_B9842208蔣孟成

http://www.youtube.com/watch?v=wkWqYT7EVw0 這個作品真的是很酷炫他有三個轉扭 顏色 材質 結構，只要它滾到的東西就會變成電腦裡畫好的東西的元素， 其實它吸引我的地方不只是它的功能而是他與我互動的方式，這個產品也可以改成像是嗶條碼那樣但我覺得就會變得無趣許多，簡單的旋轉式的選擇鈕， 在有趣的網東西滾一滾就會跑到電腦裡面， 雖然是簡單的互動，但就為此產品增添了幾分趣味。

HW2:互動藝術-B9742212蔡昀家

http://www.youtube.com/watch?v=GHeBod2Atfg

互動藝術名稱：用餐時刻

藝術家：郭忠坤

作者利用旋轉桌子圓盤的動作，使桌面呈現出與互動觀眾的視覺效果，不僅讓吃飯更有趣，也讓觀眾促進彼此轉圓盤分享食物的舉動。

如果我是該藝術家，我希望除了有這樣的互動效果之外，還可以將桌面比擬成一部小型電腦，可以有點菜、結帳等等的功能。

HW1: 什麼是互動設計＿b9842205林歆珮

interaction design 互動設計
可以和人互動的設計，根據人們的動作和反應而有不同的回應。
影像、裝置、軟體
例如：台中遠東百貨裡的互動牆「未來庭園」、「互動魚池」。
http://www.bluesign.com.tw/blog/index.php?load=read&id=242

tangible user interface 實體使用界面
透過一樣東西，可以讓人跟物品有互動。
例如：Wii
http://www.managertoday.com.tw/?p=875

為什麼要學互動設計
感覺這堂課很有趣，因為「互動」，所以想要讓作品可以更有趣、好玩，希望不會太困難:)

HW1_B9842224林家琪

互動媒體設計

給予預設的動作並做出回應或達成目的，並能透過使用者/觀賞者而產生更多無限的可能。

實體使用界面

例如Wii或Kinect等互動遊戲

為什麼要學互動設計

互動媒體更具人性化與多元化，希望能夠充實自己的能力和想法。

HW1: 什麼是互動設計-B9842220黃舒唯

Interaction design 互動設計

能夠接收使用者所做的動作，並給予適當的回應。

ex>像是花博的夢想館，感應到每個人的手環，最後會開出一朵屬於自己的花。

Tangible user interface 實體使用者介面

使用一個碰觸得到的物品，讓使用者可以與該物品互動。

ex>像iphon或ipad等觸控式螢幕。

為什麼要修這堂課？

一開始聽到「互動」感覺是很有趣的課，因為可以設計出能跟人互動的東西真的很酷，

查了一些資料後好像很難，所以很猶豫要不要修這堂課，最後想說還是修一下好了，

希望能對自己的未來有所幫助，並做出很酷的作品。

HW1_B9842208蔣孟成

http://interactiondesign2008.blogspot.com/ 這個是我找到的一個很簡單的例子，現在好的設計和美的設計其實已經很普遍了，所以人們需要的將會是更有趣的設計，一般死板板的設計使用者只能欣賞它的美又者是只能使用其功能，感覺是有點無趣，而互動設計就可以增加許多的趣味性在裡面，其實很多時候不需要很多或很複雜的動作，只要一點點，就可以有效的吸引消費者，讓使用者覺得很有趣，就像我找到的這個籤符，它本身其實也沒有多特別，來源更是很傳統的東西，但一旦動點腦筋，讓一個求籤符不再只是一個死板板的求籤符，人們可以用它做出許多互動，自然就增加更多的買點與人氣，互動設計是能讓設計簡單的與使用者有所交流和溝通，而通常是搭配簡易的使用者介面，使用者便能輕鬆的使用此設計，讓設計不再只是用看的，更能身體力行。

HW1: 什麼是互動設計-B9742212蔡昀家

Interaction design 互動設計

製作出能夠與人互動的設計，例如軟體、移動設備、人造環境、服務等等，模擬人並且能與人互動的設計都包含在內。



Tangible user interface 實體使用界面

透過一個實際的界面，讓人使用後可以達到與該物體互動的目的，例如最近很長聽到的仿生獸或是一種叫Topobo的東西，藉由組裝材料，實際操作該物體，完成後還能與其互動。



為什麼要學互動設計

就覺得有時候作品應該要和人有點互動，不然都冷冰冰的有時候感覺有點無聊，可是感覺互動設計好像很難，希望我學的會。

HW1：什麼事互動設計_M9942001 高韞豐

1.查一下interaction design和tangible user interface，用自己的話舉例圖文說明

在互動設計(interaction design)以前，我們先來談談互動藝術(interactive art)。互動藝術的發展中，Myron w. Krueger為美國早期互動藝術與虛擬實境的先驅，他的《Glow Flow》在黑暗的空間裝置不同顏色的燐光燈管，當參觀者進入這個空間時，會觸動空間中設置好的感應器而產生絢麗的燈光效果，也就是最早其的互動裝置藝術。藝術家把觀賞者拉入藝術的主題當中，藉由數位的媒材表現人與作品之間的互動關係，強調這種互動性才是藝術形成的本質，達到以往藝術所不能產生的效果。

Video of Myron Krueger's "Video Place" in action c. 1989

那設計呢!?互動設計本質上是為了人如何使用而存在的，我們可以把互動設計簡單想成設計一把雨傘，如何讓雨傘打開而雨傘怎麼打開就是互動設計的思考方式，也就是說互動設計是在設計物品的輸入與輸出，而產品電子化的過程中，產品的多功能逐漸複雜了互動形式，讓設計的考量層次變得更加技術性(人因介面、使用性工程)。

實體使用者介面(tangible user interface)為MIT多媒體實驗室石井裕教授(Hiroshi Ishii)於1997年提出一套新的介面概念，當時的介面學術界早已對未來的世界描繪了電腦無所不在，也就是遍佈運算(ubiquitous computing)這個概念的產生，石井裕教授則是更進一步將這個概念衍生為介面的實體化，讓介面可以更容易作為情感、體驗、認知的媒介，像是音樂瓶就是一個很好說明實體介面的例子，在這邊簡單引述石井裕教授對這個設計的說明：

本來，我預計將這個小小的氣象預告瓶當作生日禮物送給我的母親，但因為她在1998年往生了，我只能將這樣的發明當作是對她的追思。這個裝置，可以提供我在日本的故鄉，也就是札幌市的氣象預告，讓我知道當地的氣候如何﹔當聽到鳥鳴聲時，可以知道明天會是個晴朗的日子，當聽到雨聲時，就知道明天將會下雨。這些氣象資料同樣來至網路，但是卻完全不同與你在電腦前透過瀏覽器查看氣象局的網站。

Interview with H.Ishii,  Design Interaction, p266.

2.自己為什麼需要學互動設計

Victor Frankenstein對造物的充滿熱情。專注在於互動這件事情似乎是件很有趣的事情，對做產品來說不太需要去考量那些所謂很美的曲線，對！曲線、曲面很美，2.5r的導角也很美，可是然後呢！？所以我漸漸思考，對於產品或是媒介來說，那些似乎是表面，當然那些東西也很重要，可是互動卻是一件迷人的事情，就像現在這個世界的分工，似乎我們這些所以探索設計的人永遠只能為人做機殼、畫型錄，主導權不在我們手上，而是在那些工程師手上。但現在的科技也很進步，也有工程師的腦袋很設計，為了我們這些笨蛋，做了很多容易上手的東西，那些東西是有趣的，就如兒童時玩具箱，拼湊再組合。只是想玩而已。

HW1: 什麼是互動設計

1.查一下interaction design和tangible user interface，用自己的話舉例圖文說明
2.自己為什麼需要學互動設計
Post在 http://cgid-vixart.blogspot.com/