Physical Space Interaction

B9410032 觸動光

2009-06-18T05:34:00.000-07:00

每個方盒都是能從牆壁浮出的燈

藉著手靠近方盒的前方，讓光隨著手的移動而增強減弱

使用者能依照今天心情的需求，"拉"出想要的光源和強度

光不再是一個開關或是滾輪的調節閥

而是一種關閉時隱蔽於環境中，又能與使用者之前密切的關聯

在盒子的頂端設置超音波的距離感測器

設定在與前方障礙物(ex.手或身體)距離0~10cm時，會伸縮直至5cm

裡面的LED則按照使方盒伸縮的步進馬達的轉動角度，而改變光的強弱

他不一定只是和手之間的互動

也可以和身體和其他肢體之間變化，或是多人之間

如果將其大量製作成一整面牆，會出現另一種形狀的變化的光矩陣

B9415028_Final_拉鋸戰_Tug of war

2009-06-15T23:21:00.000-07:00

原始雛形:

Abstract:

It is a newly portable game machine that operate by these form:
The Pull develops zooming in, and results in speeding up,
The Push develops zooming out, and results in speeding down,
and The Turn changes viewpoint direction with X, Y and Z axis.

Design Concept設計概念

藉由距離感測器偵測兩側手把的距離，使雙邊同步拉動造成畫面的Z軸改變，
往外拉演變成放大，最後延伸至加速,
往內壓演變成縮小，最後延伸至減速。
加上三軸加速與陀螺儀，螢幕的視角可以悠游於三度空間中。

缺點1:

最簡單的環型賽道會造成... 身體往後面轉 XD (水平方向轉圈)
360度的效果看來不能輕易置入阿~
不然就會在捷運上看到有人玩game玩到... 跌倒；因為一直轉，所以重心不穩。

Peeping @

2009-06-15T04:40:00.000-07:00

Peeping @

Glances through this movement to have the very special emotion, but reduces gradually in the life.
Because of glances through creates the new product meaning, make the user not forget during the operation in body's memory.

M9710302/final <百聞不如一見>Toilet paper letters

2009-06-10T09:12:00.000-07:00

Abstract

ROTATE ! FUN ! RANDOM !

By the action "Rotation"

It's fun that we can get the latest random information through internet,

and print it on the toilet paper.

Design Concept設計概念

｛我認識的人中少有人懂得如廁的藝術｝1726年強納生。斯威夫特（Jonathan Swift）於偉大的奧祕或者馬桶上的沈思錄一書中提到，｛絕大數人在執行這項生理功能時，要不然就是匆匆忙忙，恍若不情願似的，要不就是漫不經心，好像這個動作無甚要緊。解開褲襠的當下，動作任意又粗魯，更遑論帶給周遭的臭味，當然更別談如廁時，臉部出現擠眉弄眼的怪表情還有粗蠻的呻吟，上述都是種種如廁文化亟待改革的理由。

我感覺工業設計師對於辦公用品，寢室客廳廚房的關心遠遠大過於廁所，即使是每天都要經過的地方，使用的地方，你常常匆匆忙忙，非常快速的使用完畢以免人家以為你在大號，你常常掩著鼻，快速躲過廁所，用餐時遠遠的離開廁所座位越遠越好，其實好像要認真看看這件人生大事才對，就像你花了三分之一的人生在睡覺一樣。

我們能不能在等待以及使用廁所時提供些資訊交換以及對話？

在捲筒衛生紙架上，使用者可以隨機旋轉上方的部落格資訊，上面共有九個常用部落格icon

區分成三大類

1.網路相簿類別；picasa，無名小站， flicker（隨機印出一張小圖）

2.部落格文章類別；yahoo bolg，Blogger，facebook

3.小型對話類別；twitter，google search，msn

使用情境圖；

ex:twitter

step1: Rotate it

首先隨機旋轉界面上的圓形孔洞

象徵撥號給網路社群

step2:Random search from internet, and download short message to you

衛生紙架隨機連上網路社群，下載一小段對話或是圖片，一段文字

step3:Print it out

使用者撕下印出的資訊，交換，連結，記錄

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

後記：首先主要的動作發想為

老式電話的旋轉撥號動作

自己很喜歡古早老式電話的旋轉動作感覺，比起現在的電話在動作中多了點確定性，以及撥動時齒輪發出的微微聲響

其實在中間想了很多很多構想但是都沒有自己非常喜歡的，苦惱之餘，暫時離開煩腦的現場去了趟洗手間

感謝學校的捲筒衛生紙 :）！給了我雀躍的靈感！

在做prototype的時候，測試了許多衛生紙品牌，覺得還是捷運站紙質比較差比較好印，弄壞了我家印表機，終於成功了僅僅完美的一張！

感謝jazzliang老師還有老師的塔羅牌

感謝佩珍妞幫我輸出美美的海報

感謝老爸陪我尋找好久終於找到“圓筒的“衛生紙架

感謝慷慨赴義的canon印表機

感謝台北市政府公館捷運站廁所阿姨！！

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

參考書目；

1.噓噓、嗯嗯、屁屁：如廁軼事，百聞不如一見
2.冲啊!现代卫生间设计
作者︰文茨-加勒

M9710306/期末作品~光‧混色 Light‧Mix

2009-06-10T04:08:00.000-07:00

Abstract

The use of rotation as the starting point in this action, using a mixture of light replaced by the concept of a palette, and there will be changes in many different colors.

Design Concept

本次期末作業是老師要我們找三首音樂，從音樂中去尋找對應動作。於是我選擇了『撥動』這個action。『撥動』事實上，在日常生活當中有許多常見物品，如:密碼鎖、變速車的變速器、打火機、調節燈光強弱的旋鈕…等。因此，若從語義解釋會聯想到『量值』、『比例』、『混合』變化的對應，以此為概念而想出調色盤這件作品。

調色盤這件作品，主要是用白光放在圓形盒子的底部，從下往上照，則光會透過不同玻璃紙而產生不同顏色。因此共有兩層玻璃紙的圓盤重疊，可用手撥動旋轉，當顏色與顏色重疊時，所產生的顏色也會不同，就如同我們使用顏料兩者像混合道理是一樣的。只不過此作品是以『撥動』重曡程度來取代用手混合顏料的『比例』的一種mix。

以下為影片的demo部分~歡迎大家不要開喇叭觀賞~

分享王艾莉設計公司

2009-05-13T10:24:00.000-07:00

看新聞無意中發現的有趣設計師也許大家都知道了~~
但剛開始接觸互動所以還是貼上來自我標記XD

王艾莉（英文名字 Alice Wang），臺北人。2006年畢業於中央聖馬丁斯藝術設計學院產品設計專業榮譽學士學位。英國皇家藝術學院互動設計專業研究生。她的產品設計往往探究當代人的心理問題和當代社會發展的趨勢。一直在設計里暗示資本經濟高速發展以後遺留的城市人的心理問題，尤其是城市人的心理健康問題。

core77訪問王艾莉
1.http://0rz.tw/RjoFT
簡介
2.http://www.alice-wang.com/design/
http://www.alice-wang.com/index.php?language=tw

Funny Face Paintings in motion! by James Kuhn

2009-05-01T06:46:00.000-07:00

爻域互動科技設計股份有限公司

2009-04-28T09:49:00.000-07:00

抱歉有點晚po~

下完課完便去找爻域這家公司花了二十分鐘後問路人才找到
在新生南路一段小巷子裡面兩層樓小型工作室型態
一樓是互動設計二樓是空間(室內)設計

這家公司擅長於博物館展覽觸控互動導覽與商業互動展場規劃
(可以看一下歷年案子)
http://www.moxie-tw.com.tw/xxtralab/
一樣是跟天工某物為商場競爭對手(http://www.techartgroup.com/)

簡單說明來意後剛好裡面的artistic director是師大美術的學姐便認親閒聊一下
目前他們是希望我們想知道什麼想得知什麼樣的訊息??
它們蠻樂意介紹但仍需要全體內部討論一下
但可以先做一個簡單的提問單給它們參考並寄封電子信給他們。

我想參訪前提是不太打擾到他們工作時間
約發問一個小時了解這個產業的技術型態(觸控)與業務

不知道大家的想法建議與參訪意願如何??
(有請優秀的台科學長學姐們指點一下~~)

5/5 正常上課

2009-04-28T09:04:00.000-07:00

修課同學注意
因為某些原因老師下週二必須待在台北
所以校外演講取消
如果曾同學連絡參觀活動 ok
請大家務必前往老師也會參加
如果活動取消就請大家到教室討論 project
請密切注意 blog 上的 po 文

音踏聯合計畫之星期五症候群

2009-04-28T03:36:00.000-07:00

- Created by 北藝科技藝術所

Lex Wang 演講

2009-04-16T03:02:00.001-07:00

在荷蘭安荷芬科技大學專研 service design 的 Lex
在百忙之中答應到本課程的上課時間前來演講
請各位同學奔相走告
踴躍出席交流
時間: 4 月 21 日星期二下午 2:00
地點: RB 403

IKEA互動式床墊

2009-04-15T07:12:00.000-07:00

這床墊廣告在瑞典及荷蘭的IKEA分店可以看得到。

當顧客來看床墊，手碰到床墊時，上面的人就會自動滾下床，讓顧客看清楚床墊，

Air-Piano

2009-04-07T20:06:00.000-07:00

介紹連結：http://www.wretch.cc/blog/tsuziai/12206232

Opera Face Gestures

2009-04-02T22:23:00.000-07:00

小乖演講

2009-03-31T08:26:00.000-07:00

目前在日本九州大學攻讀博士的小乖
在百忙之中答應到本課程的上課時間前來演講
請各位同學奔相走告
踴躍出席交流
時間: 4 月 7 日星期二下午 2:00
地點: RB 403

Mr. Arduino & Mrs. Processing - 03

2009-03-25T07:08:00.000-07:00

這篇來說一下兩者之間溝通必要的程式碼

Processing:

import processing.serial.*; //要import serial的library

Serial port; //宣告一個叫做port的Serial

int i = 0;

float var;

void setup() {

size(255, 255);

frameRate(25);

port = new Serial(this, Serial.list()[1], 9600); //建立port這個元件，指定連接阜和連線速度

println(Serial.list()); //將連接阜的列表列出來

noStroke();

smooth();

}

void draw() {

background(8);

i++;

var = constrain(sin(radians(i)),0,1);

int light = (int)(1+254*var*var);

if (i==360) i=0;

fill(light);

ellipse(width/2, height/2, 50, 50);

port.write(light); //把light寫入port裡

}

Arduino:

int val;

int ledPin = 9;

void setup() {

pinMode(ledPin, OUTPUT);

Serial.begin(9600); //開始進行serial通訊，速度為9600

}

void loop() {

if (Serial.available()) val = Serial.read(); //如果serial裡有資料的話，就讀取給var

analogWrite(ledPin, val);

delay(40);

}

執行出來的效果就是像呼吸一樣的led

畫面上的圓圈也是一樣

有標記顏色的地方就是必要放的程式碼

Processing寫，Arduino讀

Mr. Arduino & Mrs. Processing - 02

2009-03-24T06:40:00.000-07:00

這篇想簡單說一下Arduino和Processing程式碼的編寫方式

就最簡單的區分而言，可以把整段程式碼分成三部分

1. 最一開始的宣告

2. setup: 程式最一開始先被執行的區域，僅執行一次

3. loop(Arduino)或draw(Processing): 讓程式不斷重複執行的部分，可以指定每秒要跑幾次

先來一段簡單的Processing程式：

float cnt = 0; //宣告一個浮點變數叫cnt，且cnt為0

void setup() { //程式一開始執行一次的區域

size(500,500); //設定畫面的大小為寬500高500

background(0); //設定背景顏色為全黑(0)

rectMode(CENTER); //設定方形的模式為中心

} //結束setup的區域

void draw() { //程式會不斷重複執行的區域

background(0); //每次執行先讓畫面全黑重新畫

noStroke(); //設定不要框線

fill(255); //設定填色白色(255)

translate(width/2,height/2); //移動座標軸到畫面正中央

rotate(cnt); //然後將座標軸旋轉cnt的角度

rect(0,0,500,500); //在新的座標軸(0,0)的位置畫上邊長500的正方形

cnt += 0.03; //讓cnt在每次執行都累加一點數值來改變旋轉角度

} //結束draw的區域

這樣就是一個簡單的小程式

Arduino的語法也很類似，不過能用的指令相對不多也稍微不一樣

在Processing.org的Learning裡面有很多分門別類的簡單程式，介紹各種不同指令的用法

全部看過後就能夠大致瞭解Processing的語言要怎麼寫（有些看起來太複雜的可以先跳過）

我覺得學程式語言第一步就是要瞭解語言的結構

然後慢慢熟悉每個指令代表的意義，不懂可以查Reference

一邊學一些不同的結構寫法，例如for, while, if以及物件導向等等

Processing也有很多的Libraries

就像是為Photoshop增加外掛筆刷或濾鏡

這些Libraries也提供很多方便的工具來使用

下一篇再來寫基本的Arduino和Processing溝通方式~

Mr. Arduino & Mrs. Processing - 01

2009-03-24T04:46:00.000-07:00

每天都放一點上來比較不會覺得趕
主要是說明Arduino和Processing互相溝通的方法
由於是第一篇就先從最基本的架構說起吧

Arduino和Processing之間有兩種方式可以互相傳遞訊息：

第一種是把叫Firmata的程式碼燒進Arduino裡，讓他固定去收發Processing的訊息
然後用Processing直接計算控制Arduino的行為
詳細的reference可以參考Arduino playground

第二種是Arduino和Processing都各自編寫程式碼，再透過Serial送給對方

兩者是分開處理各自的訊息再發送

這部分可以參考Arduino.SerialCommunication和Processing.Serial的reference

我只有用過第二種方法，但就目前找到的資料來看應該第一種會比較方便做簡單的控制...

第二種則是方便接奇奇怪怪的硬體，畢竟硬體數據的處理還是在Arduino裡做比較好

例如之前有試過把wii手把接到Arduino，再用Processing做繪圖

那時寫進Arduino落落長的程式碼實在是無法想像怎麼用Proceesing的方式寫

總之，就直接學第二種方式吧

反正會第二種就一定能瞭解如何用第一種方式~

至於Arduino和Flash~

我只會寫Processing和很淺很淺的java，AS還在空白的狀態...

印象中大致的方法就是用個軟體建xml server，然後兩者互相透過那個server傳訊息吧

也許AS3.0的方法會有所不同也不一定，總之google關鍵字Arduino和Flash一定會找到的