![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
[[FrontPage]] #nofollow #norelated #counter *テーマ [#ffdd019d] 「トリ×トリ」〜錯視を利用した無限ループ映像とその対応入力デバイス〜~ ~ 概要：錯視の一つである無限ループを用いたスケートボードゲーム。 ~ *活動記録 [#k18b1f82] #article **qJyOxsTtTmUFlfXpX [#oa9e5c1b] >[[Saori]] (2015-10-15 (木) 07:14:33)~ **展示風景 [#n30e60f3] >[[κａｇａ]] (2008-11-25 (火) 21:00:32)~ ~ If you want to get read, this is how you <a href="http://tgzaekj.com">shluod</a> write.~ [[研究室展覧会]]に写真ＵＰしておきました。~ // - ナイス -- [[ono]] &new{2008-11-25 (火) 21:31:33}; - ソーナイス -- [[kazushi]] &new{2008-11-26 (水) 20:26:53}; #comment **RQWSmcspAKLTjuuohJ [#eb5eb877] >[[Marisol]] (2015-10-14 (水) 15:01:57)~ **配置図(修正版) [#v810bbd8] >[[κａｇａ]] (2008-10-27 (月) 07:13:56)~ ~ This ins'ghtis just the way to kick life into this debate.~ 研究室展覧会の配置図(修正版)~ &ref(toritori2.pdf);~ // #comment **配置図 [#v810bbd8] >[[κａｇａ]] (2008-10-27 (月) 07:13:56)~ ~ 研究室展覧会の配置図~ &ref(toritori.pdf);~ // **プロトタイプVer.01 [#r574b910] >[[κａｇａ]] (2008-10-21 (火) 15:50:08)~ ~ タイトルと内容が確定したので後は作るだけです。~ とりあえずFLASHでXLMのデータから画像を読み出してスライドショーを行うものを作成しました。~ &ref(slideshow_ver01.zip);~ 次週までの課題~ MovieClipを使用せずにBitmapを用いてメモリ管理を楽にさせる。~ 上記のことを終わり次第、無限ループ用の写真撮影に取り掛かる。~ // **オープンキャンパス用Flash [#wbb7df60] >[[κａｇａ]] (2008-07-25 (金) 05:55:30)~ ~ オープンキャンパス用のFlashです。~ &ref(batting.swf);~ ~ タクへ~ 当日は出れないのでよろしくお願いします。~ // - あ、今頃気づいた。了解です。 -- [[.tack]] &new{2008-07-30 (水) 22:23:57}; **錯視のＦＬＡＳＨ [#xe654ca0] >[[κａｇａ]] (2008-07-11 (金) 13:09:18)~ ~ 次回のゼミまでに「錯視」のＦＬＡＳＨを制作することになった。~ // **錯視の原理 [#jdc547fe] >[[κａｇａ]] (2008-07-07 (月) 13:27:11)~ ~ 錯視にはさまざま種類が存在する。~ その中でも４つについて原理を示す。~ ~ ■フレーザー錯視~ &ref(illusion_01.jpg);~ らせんが奥へと進んでるように見える錯視。~ ~ ・らせん状に見える線は実は同心円。~ ・線がは白と黒で斜めになっているせいで、視覚はゆがみを感じる。この図の中では内側にあるように見える。~ ・背景が中心に向かって狭まっている。これによって中心は奥にあると認識してしまう。~ ~ ⇒以上の条件を満たすことでフレーザー錯視はらせん状に誤認してしまう。~ ~ ~ ■ポッゲンドルフ錯視 ~ &ref(illusion_02.jpg);~ 直線を長方形などで隠すとその延長線上の線に違和感を感じる錯視。~ ~ ・Ａの延長線上は実はＣなのだが、ぱっと見た瞬間はＢだと見えてしまう。~ ・これは接点が鈍角だと角度は内側に開き、鋭角だと角度は狭くなるという性質があるからである。~ ~ ⇒以上のことから、実際のＣは押し下げられて見られ誤認してしまう。~ ~ ~ ■エビングハウス錯視~ &ref(illusion_03.jpg);~ 左右の中心円は同じ大きさなのに周囲の円が変化することで大きさが違うように見える錯視。~ ~ ・前提知識としてヒトは一つ一つのオブジェクトを見るのではなく全体を見て判断するという性質がある。~ ・なので、周囲の円の大きさに引きづられてしまう。~ ・周囲の円が小さいとその意識を反発するために中心円が大きく見えてしまい、逆に周囲の円が大きいと小さく見えてしまう。~ ~ ~ ■ヘルマン格子~ &ref(illusion_04.jpg);~ 白の十字になっているところにグレーの円がちらつく錯視。~ ~ ・黒の正方形の上下左右の間にある白い部分は黒に囲まれているということで対比効果によって白が強調される。~ ・よって、十字の部分が白を意識しづらくなり、対比効果が薄れることでグレーとして認識する。~ ・しかし、その効果はあまり持続しないので意識してみるとグレーは白に戻り、意識から外れるとまたグレーに戻る。~ ~ ⇒以上のことより、グレーがちらついて見える。~ // **「見る」という行動について [#g90ec854] >[[κａｇａ]] (2008-07-07 (月) 12:58:00)~ ~ ヒトの「見る」という動作には複数の工程が行われて初めてモノを認識している。~ ~ ・輪郭検出~ ・光、色の恒常性~ ・大きさの恒常性~ ・両眼融合~ ・形の恒常性~ ~ 具体的な内容はPPTにまとめてます。~ &ref(080624_zemi.ppt); // **錯視について [#m528ac46] >[[κａｇａ]] (2008-06-17 (火) 05:20:46)~ ~ 錯視とは、視覚に関する錯覚のことで、混同されやすいが"トリックアート(だまし絵)"とは異なる原理を持っている。~ ~ 以下、参考サイト~ ~ ●[[北岡明佳の錯視のページ:http://www.ritsumei.ac.jp/~akitaoka/]]~ 錯視研究の第一人者である北岡明佳さんのサイトである。学術的な解説や作品が掲載されている。~ ~ ●[[Ophtasurf, all about ophthalmology:http://www.ophtasurf.com/en/illusions.htm]]~ 錯視の作品が１２０も掲載されているサイト。~ ~ ●[[Brightness illusions:http://www.lottolab.org/Brightness%20illusions%20page.html]]~ 明るさの錯視を体験できるサイト。~ ~ ●[[Optical Illusions and Visual Phenomena:http://www.michaelbach.de/ot/index.html]]~ 動的な錯視を体験できるサイト。~ ~ ●無限ループ~ ・[[ドラッグすることで変化するサイト:http://www.zoomquilt.org/]]~ ・無限にループする[[Flash:http://www.clublaugh.com/es-items/712.swf]]とその[[解説サイト:http://www.josleys.com/articles/printgallery.htm]](英語)~ ~ ~ ※錯視と言えるのかわからないが、"[[ハイブリッドイメージ:http://cvcl.mit.edu/hybridimage.htm]]"と呼ばれるものがＭＩＴで研究されているそう。 ~ // **ゼミ -６月１０日- [#c1d152e2] >[[κａｇａ]] (2008-06-17 (火) 04:55:05)~ ~ [やったこと]~ ●杉本さんの進捗報告~ ●Ｂ４の課題発表~ ●GAINERについて~ ~ [メモ]~ ●杉本さんの活動について~ ・３次元座標のｙ軸方向に崩れる~ →Push Puppet~ ~ ●前田君の活動について~ ・前回に引き続き、マンデルブロ集合の可視化プログラム~ ・今回はズーム機能を追加~ ・フラクタル→離散と再起が繰り返されて表現されたの形~ ~ ●デザイン班の活動について~ ・やはり粘性のある水関連の動画が見ためが美しいと実感。~ ・水を入れた普通の風船の落下動画は好評だった。~ ~ ●システム班の活動について~ ・Ｘｂｅｅについての調査報告~ ・デバイスのメリット・デメリットをよく知り、どれを使うか見極めることが大事。~ ~ ●非接触型(ＷＥＢカメラ)のデバイス~ ・照明、解像度、処理に影響されやすい~ ~ ~ [次回の課題]~ ●インタラクティブなネタ探し~ とりあえず錯視について調べてみようと思う。~ // **自主ゼミ -６月９日- [#f92899d1] >[[κａｇａ]] (2008-06-17 (火) 04:38:10)~ ~ テーマを決めるためにブレスト(？)をしたが皆あまり時間がなかったためかWiki上で案だしすることに~ ~ 具体的には[[自主ゼミ:http://kazushi-lab.c.fun.ac.jp/pukiwiki/index.php?%BC%AB%BC%E7%A5%BC%A5%DF]]のページで......。~ // **ゼミ -６月３日- [#t1ab7975] >[[κａｇａ]] (2008-06-17 (火) 04:35:35)~ ~ [やったこと]~ ●院生の進捗報告~ ●Ｂ４の課題発表~ ●GAINERについて~ ~ [メモ]~ ●電子部品などのＳＨＯＰについて~ ・秋月電子通商~ ・ＲＳコンポーネンツ~ ・ＡＳＵＫＵＬ~ ~ ●加藤さんのプラン~ ・ＦＰＳ系ゲームのコミュニケーションの取り方について~ ~ ~ ●杉本さんの作品について~ ・とうとうＷＥＢ上に公開~ ~ ~ ●前田君の活動について~ ・マンデルブロ集合の可視化~ ~ ~ ●システム班の活動について~ ・Funnelについての調査報告~ ~ ~ ●デザイン班の活動について~ ・高速カメラでのネタ集め~ ・やはり一番受けていたのは"ビンタ"の作品であった。~ ~ ~ [次回の課題]~ 高速カメラで面白いネタ探し Part.2~ // **ゼミ -５月２７日- [#yd3676f9] >[[κａｇａ]] (2008-06-17 (火) 04:19:04)~ ~ [やったこと]~ ●杉本さんの進捗状況報告~ ●Ｂ４の課題発表~ ●GAINERについて~ ~ ~ [メモ]~ ●杉本さんの作品について~ ・目的はデッサン支援のためのツールとして~ ~ ~ ●Open framework~ ・ProcessingのＣ++版~ ~ ~ ●Gainer講座にて~ ・＋５Ｖ：常に５Ｖが流れている~ ・ＧＮＤ：−である。~ ・回路は、５Ｖ or ３.３Ｖ~ ~ ~ ●今回の課題について~ ・ヒントとなるものを置くこと。~ ・そして、振り回していると見立ててるモノとついになるものを置くこと。~ ・音が合わなかったがタイムライン上の操作で解決。~ ~ ・主旨：コンテンツ次第でリモコンの道具としての意味が変わる。~ ~ ~ [次回の課題]~ 高速カメラで面白いネタ探し~ // **GAINER -５月２１日- [#o619e811] >[[κａｇａ]] (2008-05-22 (木) 14:55:12)~ ~ エレクトロニクス工房ではんだ付けをやった。~ 久しぶりだったので悪戦苦闘でしたが、動作確認まで済ませました。~ // - じゃあまぁ動くという前提からはじめてもいいかぁ。 -- [[kazushi]] &new{2008-05-22 (木) 14:56:26}; **ゼミ -５月２０日- [#xca891d7] >[[κａｇａ]] (2008-05-22 (木) 14:45:43)~ ~ [やったこと]~ ●杉本さんの進捗状況報告~ ●オープンキャンパスについて~ ●GAINERについて~ ●Ｂ４の課題発表~ ~ [メモ]~ ●杉本さんの作品について~ ・PHPを使いサーバーへpngに変換したサムネイルを送ってWEB反映させてた。~ ・需要があるのだから、早く公開してユーザからフィードバックをもらった方が良いらしい。そこから改善してVersion up!!!~ ~ ●オープンキャンパス~ ・「力いっぱいふりまわせ」をテーマに今実際に制作している課題を展示する。~ ・８月３日は予定を空けていなければならないが、~ もし東川町国際写真フェスティバル(期間：7/26〜8/4)のボランティアに選ばれてしまったら参加が難しいかも.....。~ ~ ●GAINERについて~ ・まだはんだ付けをしてないそうで5/27までにやってこいとのこと。~ ・それから、5/27のゼミ後にルミナートのメンバーとワークショップを開催。~ ~ ●今回の課題について~ ・パッと見で動作がわからないのでやり直し。~ ・初期画面でどのような動作をすればいいか予測できるヒントとなるものが必要。~ ・この課題は制約がついてるがそれは知恵を絞って頑張ろう。~ ~ ●今後について~ ・GAINERをとりあえず勉強しよう。どこまでの動作が可能なのかが気になる。~ ・その後、デザイン組は高速カメラで可能性を探ろう(要はネタ作り)。~ ~ [次回の課題]~ ●「道具を当てる：Ｒe」~ ・前回の作品を踏まえて新作画像を撮り、Wiiいもうとに対応させる。~ ●GAINER組み立て~ ・エレクトロニクス工房ではんだ付け。~ ~ 期限：５月２７日~ // **課題「道具を当てる」 [#g05d3196] >[[κａｇａ]] (2008-05-20 (火) 13:04:34)~ ~ どんな変化が起こるのかはご想像にお任せします。~ &ref(HitTools.swf); // **ゼミ -５月８日- [#t7ac7718] >[[κａｇａ]] (2008-05-12 (月) 15:32:24)~ ~ [やったこと]~ ●杉本さんの進捗状況報告~ ・球体間接を用いた３Ｄ描画＆共有ＷＥＢサービス~ ・なぜＷＥＢ上でサービスを行うかのニーズを知った。~ ●迎山先生の過去の作品を鑑賞~ ・サッカー部の作品は全てアナログと知り驚いた。~ ●Ｂ４の課題発表~ ・制作したFLASHの品評会~ ・今回は２組作品がかぶっていた。~ ~ [メモ]~ ●「2 Photo Flash」について~ ・構図は悪くはなかった。しかし、見所がない。~ →Flashのアクションの効果がマッチしていなかった。~ →やっぱり Input & Output のマッピングは大事！！~ ・こだわりを持って試行錯誤しなければ良い物が作れない(Try & Error)。~ ・作品がこれでいいのか迷ったら第３者に聞くべし。~ ~ ~ ●写真について~ ・位置のズレ等、現実にはありえないことでもそちらの方が自然であればＯＫ~ →例：トマトのヘタの位置を合わせる。~ ・写真または映像は大げさにやる方が見栄えする。~ ・こういう写真が欲しいという明確な狙いを持ちながら写真を撮ることが大事！！~ ~ ~ [キーワード]~ ●Try & Error~ ●Mash up~ ~ [次回の課題]~ ●「道具を当てる」~ ・FlashとWiiコントローラを連動させた作品を制作する。~ ・基本は画像と音声を入れ替えるだけ~ ・できればActionscript3.0を書き換えて動作も変化させる。~ ・条件は「一人称である」「道具を映さない」「道具を当てるもの」とする。~ ・Wiiコントローラは何のメディアかを意識する。~ ~ ・期限：５月２０日(火)まで~ // **課題「2 PHOTO FLASH」 [#s35af9f4] >[[κａｇａ]] (2008-05-01 (木) 14:41:06)~ ~ 2枚の写真を撮り、~ 添付したFlashファイルの画像を入れ替えて、~ 押した感覚を喚起させる作品を作成しなさい。~ ~ とりあえず作りましたんでUPしときます。~ &ref(2photo_flash.zip); ~ ~ [プレビュー]~ &ref(2photo_interaction.swf); // **ゼミ -４月２２日- [#s497fd81] >[[κａｇａ]] (2008-04-23 (水) 14:50:30)~ ~ [やったこと]~ ●杉本さんの進捗状況報告~ ・球体間接を用いた３Ｄ描画ソフト~ ・即席ニワトリやジョン・トラボルタを表現してた。~ ●Ｂ４の課題発表~ ・皆ほぼバラバラのソフトを調べてた。これは偶然か？~ ●Wiiいもうと体験~ ・過去の卒研生の作品を見て体験する。~ ・パターゴルフは難しい。~ ~ [メモ]~ ●Wiiのソフトを各々調べた結果⇒細かい動きができない~ ・「実装するプログラムには細かい動きはやめよう」~ ・多少大味な動きでも十分である。~ ・フェンシングは画面が横向き。しかし、実際突くのは画面に向かって正面。違和感。~ ~ ⇒生理的にきちんと合ったマッピングは大事。~ ~ ●『目で触る』~ ・プログラム自体の中身は変わらない。~ ・しかし、パラメータの値や画像を変化させるだけでも人の感じ方が変わる。~ ~ ⇒アウトプットを変化により、実際に触感や重さなどを感じることができる。~ ~ ※やっぱ「見せ方」や「視点」は大事だよね。~ ~ ●視点の重要性~ ・展示会を行う際、ユーザー(操作する人)や第３者(ユーザーを見てる人)とでは視点が違う。~ ・携帯電話のゲームやＤＳなどは１対１の割と閉鎖的。~ ・Wiiや私達が開発しようとするシステムは１対多と楽しめる人は多くなる。~ ~ ⇒ユーザーはもちろん周りの見ている人達も楽しめるよう開発しよう。~ ~ ●Wiiいもうと~ ・FlashでWiiを使ったプログラムを開発できるソフト。~ ・そのような既存開発のソフトはあるが、致命的なバグやカスタマイズ性がない。~ ・そこで我らがSugimotoさんが開発したのが「Wiiいもうと」。~ ・語源：Wiiリモコン→Wii remote control→Wiimote→Wi imote→Wiiいもうと~ ・これからいろいろお世話になるソフト。~ ~ ●出力画像~ ・画面の外まで感じれるように~ ~ [キーワード]~ ●目で触る~ ●シーモスセンサ：WEBカメラ等に用いられるセンサで位置検出などができる。~ ●加速度センサ~ ●ニーズとシーズ ●キャリブレーション：誤差を縮めること。~ ●Wiiいもうと：上記に記載~ ●マーフィーの法則（これを加えていいのかな？とりあえず調べたんで）~ ・起こる可能性のあることは、いつか実際に起こる。~ ・うまく行かなくなりうるものは何でも、うまく行かなくなる。~ ・何か失敗に至る方法があれば、あいつはそれをやっちまう。~ ・作業の手順が複数個あって、その内破局に至るものがあるなら、誰かがそれを実行する。~ ・洗車しはじめると雨が降る。雨が降って欲しくて洗車する場合を除いて。（Wiki参照）~ ~ [次回までの課題]~ ●２つの関連した画像がボタン一つで変化する簡単なFlashアニメーションを作成せよ。~ ●使用ソフト：Adobe Flash CS3~ ●画像の撮影上の注意~ ・被写体の影~ ・周りに余計な物体を入れぬよう~ // **課題「Wiiのゲームソフトを一つ選び直感を実現できている部分について整理せよ。」 [#y811ea78] >[[κａｇａ]] (2008-04-22 (火) 01:31:33)~ ~ ''Wiiスポーツ（ボクシング）''~ ~ １．まず右手にWiiリモコン、左手にヌンチャクを持つ(右利きの場合)。~ ２．両手を構えて、ファイティングポーズをとると試合が開始。~ ３．基本的に画面に向けてパンチをするように腕を突き出せば試合はできる。~ ４．ライフポイントが存在しており、１０回決定打を受けるとダウンしてしまう。~ ５．パンチには３種類あり、まっすぐ突き出すことでジャブやストレート。横から振りかぶるとフック。下から突き上げるとアッパーになる。~ ６．攻撃ばかりでは相手にやられてしまうので、肘を曲げて両腕で顔を隠すようにすればガードすることができる。~ ７．他には両腕を右に傾けることで右に体をそらし、左や前後にも同様に体をそらすことができる。これによって、パンチをかわす動作が行える。~ ８．また、両腕をハの字に傾けるとガード重視、逆ハの字にすると攻撃重視のスタイルに変化する。~ ９．たまに相手からの攻撃をかわすとプレイ画面がスローモーションになり、カウンターを繰り出すことができ、確実に相手のライフポイントを削ることができる。~ １０．ダウンすると起き上がることがあり、ライフポイントが多少回復する。しかし、起き上がって復活する判断基準は不明。~ ~ Wiiスポーツの中で一番直感的だったのが、ボクシングだったと思います。ボタン操作が一切いらず、Wiiリモコンとヌンチャクを握り、パンチを繰り出しつつ相手のパンチをかわすことで成り立っています。ボクシングはたいていの人なら誰でも知っているスポーツですから、「パンチを繰り出して相手を倒さないと。」という感じにテレビ画面に向けてパンチすることは用意に連想できると思います。また、ボクシングは攻撃のみで行われるわけがありませんから、「相手からのパンチは当たったら、負ける。かわさないと」という連想がしやすく初めてのプレーした人でもパンチをよけるために反射的に体を左右に動かすでしょう。ゲームをプレーしている人の中で操作しながら、体ごと動いちゃう人がいますが、まさしくそれをうまく反映しているような感じです。ただし、相手のパンチを回避するとたまにスローモーションになるのが非現実的ですが、そこはプレイヤーがうまくそれを解釈して受け入れていると思います。~ ~ ＜参考動画＞~ ・Wiiスポーツofficial site：http://www.nintendo.co.jp/wii/rspj/5sports/boxing.html~ ・Wiiスポーツ 攻略動画：http://jp.youtube.com/watch?v=NJxlIAC2Foo&feature=related~ ~ &ref(080421_wii分析レポート.pdf); // **４月１７日（予定） [#h6b7e70c] >[[κａｇａ]] (2008-04-17 (木) 15:29:52)~ ~ 今日おうちで.tackとWiiを%%遊びつくそう%%分析しようと画策中~ // **４月１６日 [#c9e59e3a] >[[κａｇａ]] (2008-04-16 (水) 14:59:09)~ ~ [昨日のやったこと]~ ●「2001年 宇宙の旅」冒頭部分を鑑賞~ └原人＞類人猿（初めての殺人事件を目撃）~ ●モンタージュやインタラクションについてのレクチャーを受ける~ ●Wiiを体験~ └テニスで３年生に負けました｡ﾟ(ﾟ´Д｀ﾟ)ﾟ｡~ sugimotoさんのmiiが病的で怖かった.....。~ ~ [メモ]~ ●モンタージュ：意味のない絵をつなげることによって映像に意味を持たせる。~ ~ ●インタラクション：人とモノとの相互作用.....。~ ・I/Oはどうにかできるが、人はどうにもできないよ。~ └人はお互いに１００％わかりあえない。~ 予測不能なことをする時もあるよね。~ ・大多数が行う行動を推測して提示してあげればいいよね♪(うまくマッピング)~ ・フィードバックが多少ありえない現象が起こっても人はうまく解釈して受け入れてくれる。~ ・展示会は１０秒で理解してもらわなければいけません！！~ // - ２００１年の猿、立ち姿とか、ちょっと人間ポイ。それになんか毛皮がモコモコしているように見える。 -- [[みま]] &new{2008-04-16 (水) 22:40:04}; **しんぽせよ [#k2129b1e] >[[みま]] (2008-04-16 (水) 09:26:59)~ ~ ！~ // - はい、日々精進いたします。 -- [[κａｇａ]] &new{2008-04-16 (水) 15:03:57}; [[FrontPage]] #nofollow #norelated #counter *テーマ [#ffdd019d] 「トリ×トリ」〜錯視を利用した無限ループ映像とその対応入力デバイス〜~ ~ 概要：錯視の一つである無限ループを用いたスケートボードゲーム。 ~ *活動記録 [#k18b1f82] **展示風景 [#n30e60f3] >[[κａｇａ]] (2008-11-25 (火) 21:00:32)~ ~ [[研究室展覧会]]に写真ＵＰしておきました。~ // - ナイス -- [[ono]] &new{2008-11-25 (火) 21:31:33}; - ソーナイス -- [[kazushi]] &new{2008-11-26 (水) 20:26:53}; #comment **配置図(修正版) [#v810bbd8] >[[κａｇａ]] (2008-10-27 (月) 07:13:56)~ ~ 研究室展覧会の配置図(修正版)~ &ref(toritori2.pdf);~ // #comment **配置図 [#v810bbd8] >[[κａｇａ]] (2008-10-27 (月) 07:13:56)~ ~ 研究室展覧会の配置図~ &ref(toritori.pdf);~ // #comment **プロトタイプVer.01 [#r574b910] >[[κａｇａ]] (2008-10-21 (火) 15:50:08)~ ~ タイトルと内容が確定したので後は作るだけです。~ とりあえずFLASHでXLMのデータから画像を読み出してスライドショーを行うものを作成しました。~ &ref(slideshow_ver01.zip);~ 次週までの課題~ MovieClipを使用せずにBitmapを用いてメモリ管理を楽にさせる。~ 上記のことを終わり次第、無限ループ用の写真撮影に取り掛かる。~ // #comment **オープンキャンパス用Flash [#wbb7df60] >[[κａｇａ]] (2008-07-25 (金) 05:55:30)~ ~ オープンキャンパス用のFlashです。~ &ref(batting.swf);~ ~ タクへ~ 当日は出れないのでよろしくお願いします。~ // - あ、今頃気づいた。了解です。 -- [[.tack]] &new{2008-07-30 (水) 22:23:57}; #comment **錯視のＦＬＡＳＨ [#xe654ca0] >[[κａｇａ]] (2008-07-11 (金) 13:09:18)~ ~ 次回のゼミまでに「錯視」のＦＬＡＳＨを制作することになった。~ // #comment **錯視の原理 [#jdc547fe] >[[κａｇａ]] (2008-07-07 (月) 13:27:11)~ ~ 錯視にはさまざま種類が存在する。~ その中でも４つについて原理を示す。~ ~ ■フレーザー錯視~ &ref(illusion_01.jpg);~ らせんが奥へと進んでるように見える錯視。~ ~ ・らせん状に見える線は実は同心円。~ ・線がは白と黒で斜めになっているせいで、視覚はゆがみを感じる。この図の中では内側にあるように見える。~ ・背景が中心に向かって狭まっている。これによって中心は奥にあると認識してしまう。~ ~ ⇒以上の条件を満たすことでフレーザー錯視はらせん状に誤認してしまう。~ ~ ~ ■ポッゲンドルフ錯視 ~ &ref(illusion_02.jpg);~ 直線を長方形などで隠すとその延長線上の線に違和感を感じる錯視。~ ~ ・Ａの延長線上は実はＣなのだが、ぱっと見た瞬間はＢだと見えてしまう。~ ・これは接点が鈍角だと角度は内側に開き、鋭角だと角度は狭くなるという性質があるからである。~ ~ ⇒以上のことから、実際のＣは押し下げられて見られ誤認してしまう。~ ~ ~ ■エビングハウス錯視~ &ref(illusion_03.jpg);~ 左右の中心円は同じ大きさなのに周囲の円が変化することで大きさが違うように見える錯視。~ ~ ・前提知識としてヒトは一つ一つのオブジェクトを見るのではなく全体を見て判断するという性質がある。~ ・なので、周囲の円の大きさに引きづられてしまう。~ ・周囲の円が小さいとその意識を反発するために中心円が大きく見えてしまい、逆に周囲の円が大きいと小さく見えてしまう。~ ~ ~ ■ヘルマン格子~ &ref(illusion_04.jpg);~ 白の十字になっているところにグレーの円がちらつく錯視。~ ~ ・黒の正方形の上下左右の間にある白い部分は黒に囲まれているということで対比効果によって白が強調される。~ ・よって、十字の部分が白を意識しづらくなり、対比効果が薄れることでグレーとして認識する。~ ・しかし、その効果はあまり持続しないので意識してみるとグレーは白に戻り、意識から外れるとまたグレーに戻る。~ ~ ⇒以上のことより、グレーがちらついて見える。~ // #comment **「見る」という行動について [#g90ec854] >[[κａｇａ]] (2008-07-07 (月) 12:58:00)~ ~ ヒトの「見る」という動作には複数の工程が行われて初めてモノを認識している。~ ~ ・輪郭検出~ ・光、色の恒常性~ ・大きさの恒常性~ ・両眼融合~ ・形の恒常性~ ~ 具体的な内容はPPTにまとめてます。~ &ref(080624_zemi.ppt); // #comment **錯視について [#m528ac46] >[[κａｇａ]] (2008-06-17 (火) 05:20:46)~ ~ 錯視とは、視覚に関する錯覚のことで、混同されやすいが"トリックアート(だまし絵)"とは異なる原理を持っている。~ ~ 以下、参考サイト~ ~ ●[[北岡明佳の錯視のページ:http://www.ritsumei.ac.jp/~akitaoka/]]~ 錯視研究の第一人者である北岡明佳さんのサイトである。学術的な解説や作品が掲載されている。~ ~ ●[[Ophtasurf, all about ophthalmology:http://www.ophtasurf.com/en/illusions.htm]]~ 錯視の作品が１２０も掲載されているサイト。~ ~ ●[[Brightness illusions:http://www.lottolab.org/Brightness%20illusions%20page.html]]~ 明るさの錯視を体験できるサイト。~ ~ ●[[Optical Illusions and Visual Phenomena:http://www.michaelbach.de/ot/index.html]]~ 動的な錯視を体験できるサイト。~ ~ ●無限ループ~ ・[[ドラッグすることで変化するサイト:http://www.zoomquilt.org/]]~ ・無限にループする[[Flash:http://www.clublaugh.com/es-items/712.swf]]とその[[解説サイト:http://www.josleys.com/articles/printgallery.htm]](英語)~ ~ ~ ※錯視と言えるのかわからないが、"[[ハイブリッドイメージ:http://cvcl.mit.edu/hybridimage.htm]]"と呼ばれるものがＭＩＴで研究されているそう。 ~ // #comment **ゼミ -６月１０日- [#c1d152e2] >[[κａｇａ]] (2008-06-17 (火) 04:55:05)~ ~ [やったこと]~ ●杉本さんの進捗報告~ ●Ｂ４の課題発表~ ●GAINERについて~ ~ [メモ]~ ●杉本さんの活動について~ ・３次元座標のｙ軸方向に崩れる~ →Push Puppet~ ~ ●前田君の活動について~ ・前回に引き続き、マンデルブロ集合の可視化プログラム~ ・今回はズーム機能を追加~ ・フラクタル→離散と再起が繰り返されて表現されたの形~ ~ ●デザイン班の活動について~ ・やはり粘性のある水関連の動画が見ためが美しいと実感。~ ・水を入れた普通の風船の落下動画は好評だった。~ ~ ●システム班の活動について~ ・Ｘｂｅｅについての調査報告~ ・デバイスのメリット・デメリットをよく知り、どれを使うか見極めることが大事。~ ~ ●非接触型(ＷＥＢカメラ)のデバイス~ ・照明、解像度、処理に影響されやすい~ ~ ~ [次回の課題]~ ●インタラクティブなネタ探し~ とりあえず錯視について調べてみようと思う。~ // #comment **自主ゼミ -６月９日- [#f92899d1] >[[κａｇａ]] (2008-06-17 (火) 04:38:10)~ ~ テーマを決めるためにブレスト(？)をしたが皆あまり時間がなかったためかWiki上で案だしすることに~ ~ 具体的には[[自主ゼミ:http://kazushi-lab.c.fun.ac.jp/pukiwiki/index.php?%BC%AB%BC%E7%A5%BC%A5%DF]]のページで......。~ // #comment **ゼミ -６月３日- [#t1ab7975] >[[κａｇａ]] (2008-06-17 (火) 04:35:35)~ ~ [やったこと]~ ●院生の進捗報告~ ●Ｂ４の課題発表~ ●GAINERについて~ ~ [メモ]~ ●電子部品などのＳＨＯＰについて~ ・秋月電子通商~ ・ＲＳコンポーネンツ~ ・ＡＳＵＫＵＬ~ ~ ●加藤さんのプラン~ ・ＦＰＳ系ゲームのコミュニケーションの取り方について~ ~ ~ ●杉本さんの作品について~ ・とうとうＷＥＢ上に公開~ ~ ~ ●前田君の活動について~ ・マンデルブロ集合の可視化~ ~ ~ ●システム班の活動について~ ・Funnelについての調査報告~ ~ ~ ●デザイン班の活動について~ ・高速カメラでのネタ集め~ ・やはり一番受けていたのは"ビンタ"の作品であった。~ ~ ~ [次回の課題]~ 高速カメラで面白いネタ探し Part.2~ // #comment **ゼミ -５月２７日- [#yd3676f9] >[[κａｇａ]] (2008-06-17 (火) 04:19:04)~ ~ [やったこと]~ ●杉本さんの進捗状況報告~ ●Ｂ４の課題発表~ ●GAINERについて~ ~ ~ [メモ]~ ●杉本さんの作品について~ ・目的はデッサン支援のためのツールとして~ ~ ~ ●Open framework~ ・ProcessingのＣ++版~ ~ ~ ●Gainer講座にて~ ・＋５Ｖ：常に５Ｖが流れている~ ・ＧＮＤ：−である。~ ・回路は、５Ｖ or ３.３Ｖ~ ~ ~ ●今回の課題について~ ・ヒントとなるものを置くこと。~ ・そして、振り回していると見立ててるモノとついになるものを置くこと。~ ・音が合わなかったがタイムライン上の操作で解決。~ ~ ・主旨：コンテンツ次第でリモコンの道具としての意味が変わる。~ ~ ~ [次回の課題]~ 高速カメラで面白いネタ探し~ // #comment **GAINER -５月２１日- [#o619e811] >[[κａｇａ]] (2008-05-22 (木) 14:55:12)~ ~ エレクトロニクス工房ではんだ付けをやった。~ 久しぶりだったので悪戦苦闘でしたが、動作確認まで済ませました。~ // - じゃあまぁ動くという前提からはじめてもいいかぁ。 -- [[kazushi]] &new{2008-05-22 (木) 14:56:26}; #comment **ゼミ -５月２０日- [#xca891d7] >[[κａｇａ]] (2008-05-22 (木) 14:45:43)~ ~ [やったこと]~ ●杉本さんの進捗状況報告~ ●オープンキャンパスについて~ ●GAINERについて~ ●Ｂ４の課題発表~ ~ [メモ]~ ●杉本さんの作品について~ ・PHPを使いサーバーへpngに変換したサムネイルを送ってWEB反映させてた。~ ・需要があるのだから、早く公開してユーザからフィードバックをもらった方が良いらしい。そこから改善してVersion up!!!~ ~ ●オープンキャンパス~ ・「力いっぱいふりまわせ」をテーマに今実際に制作している課題を展示する。~ ・８月３日は予定を空けていなければならないが、~ もし東川町国際写真フェスティバル(期間：7/26〜8/4)のボランティアに選ばれてしまったら参加が難しいかも.....。~ ~ ●GAINERについて~ ・まだはんだ付けをしてないそうで5/27までにやってこいとのこと。~ ・それから、5/27のゼミ後にルミナートのメンバーとワークショップを開催。~ ~ ●今回の課題について~ ・パッと見で動作がわからないのでやり直し。~ ・初期画面でどのような動作をすればいいか予測できるヒントとなるものが必要。~ ・この課題は制約がついてるがそれは知恵を絞って頑張ろう。~ ~ ●今後について~ ・GAINERをとりあえず勉強しよう。どこまでの動作が可能なのかが気になる。~ ・その後、デザイン組は高速カメラで可能性を探ろう(要はネタ作り)。~ ~ [次回の課題]~ ●「道具を当てる：Ｒe」~ ・前回の作品を踏まえて新作画像を撮り、Wiiいもうとに対応させる。~ ●GAINER組み立て~ ・エレクトロニクス工房ではんだ付け。~ ~ 期限：５月２７日~ // #comment **課題「道具を当てる」 [#g05d3196] >[[κａｇａ]] (2008-05-20 (火) 13:04:34)~ ~ どんな変化が起こるのかはご想像にお任せします。~ &ref(HitTools.swf); // #comment **ゼミ -５月８日- [#t7ac7718] >[[κａｇａ]] (2008-05-12 (月) 15:32:24)~ ~ [やったこと]~ ●杉本さんの進捗状況報告~ ・球体間接を用いた３Ｄ描画＆共有ＷＥＢサービス~ ・なぜＷＥＢ上でサービスを行うかのニーズを知った。~ ●迎山先生の過去の作品を鑑賞~ ・サッカー部の作品は全てアナログと知り驚いた。~ ●Ｂ４の課題発表~ ・制作したFLASHの品評会~ ・今回は２組作品がかぶっていた。~ ~ [メモ]~ ●「2 Photo Flash」について~ ・構図は悪くはなかった。しかし、見所がない。~ →Flashのアクションの効果がマッチしていなかった。~ →やっぱり Input & Output のマッピングは大事！！~ ・こだわりを持って試行錯誤しなければ良い物が作れない(Try & Error)。~ ・作品がこれでいいのか迷ったら第３者に聞くべし。~ ~ ~ ●写真について~ ・位置のズレ等、現実にはありえないことでもそちらの方が自然であればＯＫ~ →例：トマトのヘタの位置を合わせる。~ ・写真または映像は大げさにやる方が見栄えする。~ ・こういう写真が欲しいという明確な狙いを持ちながら写真を撮ることが大事！！~ ~ ~ [キーワード]~ ●Try & Error~ ●Mash up~ ~ [次回の課題]~ ●「道具を当てる」~ ・FlashとWiiコントローラを連動させた作品を制作する。~ ・基本は画像と音声を入れ替えるだけ~ ・できればActionscript3.0を書き換えて動作も変化させる。~ ・条件は「一人称である」「道具を映さない」「道具を当てるもの」とする。~ ・Wiiコントローラは何のメディアかを意識する。~ ~ ・期限：５月２０日(火)まで~ // #comment **課題「2 PHOTO FLASH」 [#s35af9f4] >[[κａｇａ]] (2008-05-01 (木) 14:41:06)~ ~ 2枚の写真を撮り、~ 添付したFlashファイルの画像を入れ替えて、~ 押した感覚を喚起させる作品を作成しなさい。~ ~ とりあえず作りましたんでUPしときます。~ &ref(2photo_flash.zip); ~ ~ [プレビュー]~ &ref(2photo_interaction.swf); // #comment **ゼミ -４月２２日- [#s497fd81] >[[κａｇａ]] (2008-04-23 (水) 14:50:30)~ ~ [やったこと]~ ●杉本さんの進捗状況報告~ ・球体間接を用いた３Ｄ描画ソフト~ ・即席ニワトリやジョン・トラボルタを表現してた。~ ●Ｂ４の課題発表~ ・皆ほぼバラバラのソフトを調べてた。これは偶然か？~ ●Wiiいもうと体験~ ・過去の卒研生の作品を見て体験する。~ ・パターゴルフは難しい。~ ~ [メモ]~ ●Wiiのソフトを各々調べた結果⇒細かい動きができない~ ・「実装するプログラムには細かい動きはやめよう」~ ・多少大味な動きでも十分である。~ ・フェンシングは画面が横向き。しかし、実際突くのは画面に向かって正面。違和感。~ ~ ⇒生理的にきちんと合ったマッピングは大事。~ ~ ●『目で触る』~ ・プログラム自体の中身は変わらない。~ ・しかし、パラメータの値や画像を変化させるだけでも人の感じ方が変わる。~ ~ ⇒アウトプットを変化により、実際に触感や重さなどを感じることができる。~ ~ ※やっぱ「見せ方」や「視点」は大事だよね。~ ~ ●視点の重要性~ ・展示会を行う際、ユーザー(操作する人)や第３者(ユーザーを見てる人)とでは視点が違う。~ ・携帯電話のゲームやＤＳなどは１対１の割と閉鎖的。~ ・Wiiや私達が開発しようとするシステムは１対多と楽しめる人は多くなる。~ ~ ⇒ユーザーはもちろん周りの見ている人達も楽しめるよう開発しよう。~ ~ ●Wiiいもうと~ ・FlashでWiiを使ったプログラムを開発できるソフト。~ ・そのような既存開発のソフトはあるが、致命的なバグやカスタマイズ性がない。~ ・そこで我らがSugimotoさんが開発したのが「Wiiいもうと」。~ ・語源：Wiiリモコン→Wii remote control→Wiimote→Wi imote→Wiiいもうと~ ・これからいろいろお世話になるソフト。~ ~ ●出力画像~ ・画面の外まで感じれるように~ ~ [キーワード]~ ●目で触る~ ●シーモスセンサ：WEBカメラ等に用いられるセンサで位置検出などができる。~ ●加速度センサ~ ●ニーズとシーズ ●キャリブレーション：誤差を縮めること。~ ●Wiiいもうと：上記に記載~ ●マーフィーの法則（これを加えていいのかな？とりあえず調べたんで）~ ・起こる可能性のあることは、いつか実際に起こる。~ ・うまく行かなくなりうるものは何でも、うまく行かなくなる。~ ・何か失敗に至る方法があれば、あいつはそれをやっちまう。~ ・作業の手順が複数個あって、その内破局に至るものがあるなら、誰かがそれを実行する。~ ・洗車しはじめると雨が降る。雨が降って欲しくて洗車する場合を除いて。（Wiki参照）~ ~ [次回までの課題]~ ●２つの関連した画像がボタン一つで変化する簡単なFlashアニメーションを作成せよ。~ ●使用ソフト：Adobe Flash CS3~ ●画像の撮影上の注意~ ・被写体の影~ ・周りに余計な物体を入れぬよう~ // #comment **課題「Wiiのゲームソフトを一つ選び直感を実現できている部分について整理せよ。」 [#y811ea78] >[[κａｇａ]] (2008-04-22 (火) 01:31:33)~ ~ ''Wiiスポーツ（ボクシング）''~ ~ １．まず右手にWiiリモコン、左手にヌンチャクを持つ(右利きの場合)。~ ２．両手を構えて、ファイティングポーズをとると試合が開始。~ ３．基本的に画面に向けてパンチをするように腕を突き出せば試合はできる。~ ４．ライフポイントが存在しており、１０回決定打を受けるとダウンしてしまう。~ ５．パンチには３種類あり、まっすぐ突き出すことでジャブやストレート。横から振りかぶるとフック。下から突き上げるとアッパーになる。~ ６．攻撃ばかりでは相手にやられてしまうので、肘を曲げて両腕で顔を隠すようにすればガードすることができる。~ ７．他には両腕を右に傾けることで右に体をそらし、左や前後にも同様に体をそらすことができる。これによって、パンチをかわす動作が行える。~ ８．また、両腕をハの字に傾けるとガード重視、逆ハの字にすると攻撃重視のスタイルに変化する。~ ９．たまに相手からの攻撃をかわすとプレイ画面がスローモーションになり、カウンターを繰り出すことができ、確実に相手のライフポイントを削ることができる。~ １０．ダウンすると起き上がることがあり、ライフポイントが多少回復する。しかし、起き上がって復活する判断基準は不明。~ ~ Wiiスポーツの中で一番直感的だったのが、ボクシングだったと思います。ボタン操作が一切いらず、Wiiリモコンとヌンチャクを握り、パンチを繰り出しつつ相手のパンチをかわすことで成り立っています。ボクシングはたいていの人なら誰でも知っているスポーツですから、「パンチを繰り出して相手を倒さないと。」という感じにテレビ画面に向けてパンチすることは用意に連想できると思います。また、ボクシングは攻撃のみで行われるわけがありませんから、「相手からのパンチは当たったら、負ける。かわさないと」という連想がしやすく初めてのプレーした人でもパンチをよけるために反射的に体を左右に動かすでしょう。ゲームをプレーしている人の中で操作しながら、体ごと動いちゃう人がいますが、まさしくそれをうまく反映しているような感じです。ただし、相手のパンチを回避するとたまにスローモーションになるのが非現実的ですが、そこはプレイヤーがうまくそれを解釈して受け入れていると思います。~ ~ ＜参考動画＞~ ・Wiiスポーツofficial site：http://www.nintendo.co.jp/wii/rspj/5sports/boxing.html~ ・Wiiスポーツ 攻略動画：http://jp.youtube.com/watch?v=NJxlIAC2Foo&feature=related~ ~ &ref(080421_wii分析レポート.pdf); // #comment **４月１７日（予定） [#h6b7e70c] >[[κａｇａ]] (2008-04-17 (木) 15:29:52)~ ~ 今日おうちで.tackとWiiを%%遊びつくそう%%分析しようと画策中~ // #comment **４月１６日 [#c9e59e3a] >[[κａｇａ]] (2008-04-16 (水) 14:59:09)~ ~ [昨日のやったこと]~ ●「2001年 宇宙の旅」冒頭部分を鑑賞~ └原人＞類人猿（初めての殺人事件を目撃）~ ●モンタージュやインタラクションについてのレクチャーを受ける~ ●Wiiを体験~ └テニスで３年生に負けました｡ﾟ(ﾟ´Д｀ﾟ)ﾟ｡~ sugimotoさんのmiiが病的で怖かった.....。~ ~ [メモ]~ ●モンタージュ：意味のない絵をつなげることによって映像に意味を持たせる。~ ~ ●インタラクション：人とモノとの相互作用.....。~ ・I/Oはどうにかできるが、人はどうにもできないよ。~ └人はお互いに１００％わかりあえない。~ 予測不能なことをする時もあるよね。~ ・大多数が行う行動を推測して提示してあげればいいよね♪(うまくマッピング)~ ・フィードバックが多少ありえない現象が起こっても人はうまく解釈して受け入れてくれる。~ ・展示会は１０秒で理解してもらわなければいけません！！~ // - ２００１年の猿、立ち姿とか、ちょっと人間ポイ。それになんか毛皮がモコモコしているように見える。 -- [[みま]] &new{2008-04-16 (水) 22:40:04}; #comment **しんぽせよ [#k2129b1e] >[[みま]] (2008-04-16 (水) 09:26:59)~ ~ ！~ // - はい、日々精進いたします。 -- [[κａｇａ]] &new{2008-04-16 (水) 15:03:57}; #comment
