WATERMELON FLOWER / 西瓜の花

2010 / Feb / 15th
kamejirou

概要

「西瓜の花」は、
特定の駅に置かれることを想定して作られた
インタラクティブアートです。

駅に到着した人に
Suica/PASMOをかざしてもらうことによって、
出発した駅から到着駅（中心）に向かって
一枚の花びらが描かれます。

様々な駅からやってきた人々に
Suica/PASMOをかざしてもらうことによって、
到着駅を中心にいろいろな方向の
花びらが描かれていき、
やがて大きな一輪の花となります。

遊び方

１　swfを起動。スタートボタンを押します。
　　この前にCtrl-Fでフルスクリーンにしておくと
　　よりダイナミックになります。

２　「西瓜の花」の中心となる駅を指定してください。
　　最寄の駅が最適です。
　　職場の最寄の駅、大学の最寄の駅、自宅の最寄の駅です。
　　試しに使ってみたい方は、お手持ちのSuica/PASMOの
　　履歴から退場駅を指定してみてください。

　　※　ここでは「青物横丁」を指定してみます。

３　描画の画面になります。
　　花が咲く前のみどり色の軸が描かれています。
　　画面上部の指示にしたがって、
　　Suica/PASMOをリーダーに置いてください。

４　指定された駅で降りた履歴があれば、
　　乗った駅から指定駅を結ぶ花びらが描かれます。

　　※　品川から京急に乗って青物横丁で降りたため、
　　　　品川から青物横丁に向かって
　　　　赤い花びらが描かれます。

５　履歴の上１０件の中から
　　指定駅で降りた履歴を読み込みます。

仕組み

▽　swfを起動します。

▽　StationCodeNew.csvから
　　駅のデータを読み込みます。

　▼　StationCodeNew.csvの中身
　・駅コード（FeliCaからのデータと参照）
　・鉄道会社名
　・路線名
　・駅名
　・駅緯度経度
　・描画される色

▽　到着駅（花の中心となる駅）を入力。
　　たとえば、「目黒」と入力した場合、

　▼　「目黒」を駅データから探し
　　　「目黒」の緯度経度を抽出。

▽　FeliCaを読み込める状態に。

▽　Suica/PASMOを検知したら、

　▼　履歴を抽出。

　▼　「目黒」で降りていたら、
　　　そのときの出発駅の緯度経度を抽出。

　▼　「目黒」と出発駅との
　　　経度の差をｘ軸、
　　　緯度の差をｙ軸で計算し、
　　　画面上にその差をもとに描画。

実演

２０１０年２月５日〜２月７日
目黒のギャラリー「やさしい予感」にて行われた
大学の研究会の展示会に、
卒業生としてお邪魔させていただき、
「西瓜の花」β版の実演を行った。

以下のような構成で行った。

・「西瓜の花」β版
　ギャラリーが目黒駅から徒歩５分ほどの
　場所にあるため、到着駅を「目黒」に設定。
　目黒までSuica/PASMOを利用して来場された方に
　ご協力いただいた。

・パソコンの画面上ではなく、
　Flashを全画面にしてプロジェクターで
　ギャラリーの壁に投影した。

・投影された画面の前に、
　説明パネル、およびFeliCaリーダーを設置。

実際に展示を行った２日間。

右の画像が、６日、７日に
来場者のSuica/PASMOによって
描かれた「花」です。

下記がログです。

２月６日
[山手 渋谷]
[りんかい 品川シーサイド]
[山手 高田馬場]
[山手 恵比寿]
[東海道本 大井町]
[中央本 代々木]
[12号線大江戸 本郷三丁目] 

２月７日
[山手 高田馬場]
[りんかい 品川シーサイド]
[東急東横 妙蓮寺]
[東急東横 田園調布]
[山手 恵比寿]
[山手 渋谷]
[東急東横 白楽]
[東海道本 東京]
[東急田園都市 中央林間]
[東海道本 品川]
[中央本 新宿]
[東急田園都市 中央林間]
[山手 五反田]
[山手 五反田]
[山手 五反田]
[東海道本 辻堂]
[山手 渋谷]
[山手 渋谷]
[中央本 代々木]
[山手 渋谷]
[山手 新大久保]
[山手 渋谷]
[山手 渋谷]
[東急東横 綱島]
[山手 渋谷] 
[東海道本 新橋]
[山手 高田馬場]
[東海道本 東京]
[中央本 新宿]
[山手 渋谷]

▽２月６日の「西瓜の花」

▽２月７日の「西瓜の花」