GIFアニメーションに関するメモ

「GIFアニメーション」と呼ばれるが，その「アニメーション」の部分はクールジャパンで言われているアニメーションではなく，「動き」そのものを現している．だから，アニメーションとしてこれまであまり考えられてこなかった．しかも「動き」と書いたが，それはとても短い時間でループし続けるものでしかないので，あまり動かないと言えば動かない．だから，GIFアニメは「アニメーション」として見なされずに，「Web上でカクカク動くモノ」という存在であった．


けれど良く言えば，その短さゆえに「動き」の最も面白い部分を抽出しているとも言えるので，もっとも「アニメーション」らしい表現とも言える．しかし，その動きはカクカクしている場合が多い．そのカクカクさは，YouTubeなどにアップされたアニメの動きの滑らかさとは異なる．動きの解像度の低さゆえに，「動き」という部分が強調されるということが起こっている．というよりも，GIFアニメは「動き」しか楽しめるところがないとも言える．

カクカクした動きはGIFが圧縮画像であることが生じている．データを圧縮して「軽く」する．その際に，画像は劣化する．それでもインターネットはより多くのデータをより早く届けることを良しとするがゆえに，「劣化」を受け入れる．だから，GIFアニメは「劣化」した「動き」を示しているとも言える．しかし，それが新鮮に受け取られている．「動く」というアニメーションの基本の部分に，デジタル特有の「圧縮」が入り込み，それが好意的に受け入れられている表現としてGIFアニメを捉えることで，アニメーション概念の拡張が図れるのではないかと考えてみる．

このブログの人気の投稿

デスクトップ・メタファーと「ディスプレイ行為」　

ここで，デスクトップ・メタファーが生み出されたパロアルト研究所に考察の対象を移したい．なぜなら，この研究所において，ディスプレイ上の対象物を指さすための道具であったマウスに，次々に新たな行為が付け加えられることになるからである． パロアルト研究所では，1973年に，アルト（図4-4）と呼ばれるシステムが開発された．アルトは，アラン・ケイや，バトラー・ランプソン，チャールズ・サッカーが中心となって開発された実験的なワークステーションであり，その大きな特徴は，ディスプレイ上のピクセルがメインメモリのビットに対応するビットマップ方式を採用していたことである．この決定は，ヒトが環境の情報を最も捉えることができる視覚を重視したインターフェイスを提供することが，マシンとソフトウェアの最大の目的であるという開発者たちの認識から導かれたものであった．そして，アルトのインターフェイスでもうひとつ重要なことは，ポインティング・デバイスとして，マウスが採用されたことである．当時，マウスは，入力デバイスとしては馴染みの薄いものであったが，スチュワート・カードによる実験によって，マウスが，ディスプレイ上の対象を指示するのに最も適したデバイスということになり，標準装備されることになった．4-42) 視覚重視の考えと，ヒトの手の原初的な感覚をコンピュータに持ち込むマウスという道具が，アルトというワークステーションで出会うことになる．     図4-4 ゼロックス社 アルト 視覚重視のアルトは，ディスプレイ上のイメージを自由に表示することができた．このことは，ディスプレイ上のイメージが示すアフォーダンスの直接的な知覚に基づく指さし選択行為とマウスとの関係に影響を与えた． エンゲルバートのシステムでは，マウス・カーソルのイメージは，単なる点であった．しかし，アルトでは，カーソルの形は，矢印（→）になる．カーソルの形が，矢印ではなく点であっても，ディスプレイ上のイメージを指さす選択行為を遂行することはできる．では，なぜ形が変わったのか．それは，ディスプレイ上のイメージを自由に表示できるようになっために，指さし選択行為の遂行に，より適したアフォーダンスを示すイメージを表示するようになったと考えることができる． ここでは，身体的行為を導くアフォーダンスとディスプレイ...
続きを読む

サマーウォーズ：身体とアバターのデザイン（１）

ようこそOZの世界へ OZは，世界中の人々が集い， 楽しむことができるインターネット上の仮想世界です． アクセスはお持ちのパソコン，携帯電話，テレビなどから簡単に行えます． では，これからOZの世界を体験してみましょう． グレーゴルの苦悩とOZの楽しさ 「OZ」は，映画「サマーウォーズ」に登場したひとつの仮想世界です．OZに住むためにはアカウントを登録して，自分の分身となるアバターを設定する必要があります．OZの説明では次のように言われています．「まずはあなた自身のアバターを設定しましょう．アバターとはOZ上でのあなたの分身です．服，ヘアスタイル，尻尾などあなたの思うままに着せ替えできます．かわいいアバターができましたね」この説明とともに，画面上でははじめに白いヒト型のアバターが提示されて，それを頭，胴体，足といった順番で自分の好きなかたちにしていく様子が描かれています．ここで行われているのは，仮想世界上での自分を作ることであり，それは自らの身体をデザインすることでもあります．自分の身体をデザインするとは少しおかしな感じです．持って生まれた身体ではなく，ゼロから自分の身体を作る機会をもつことは，今までなかったことです．けれど，自分の身体をヒトのかたちではないものも含めて，自由にデザインすることが許されているのが，OZであり，仮想世界なのです．そこでは，好きな動物にもなれるし，空想上の何かになることもできます． 何にでもなれてしまう．とてもいい感じです．しかし，ここでちょっと考えてみましょう．自分の身体が自分以外というか，ヒトのかたちではなくなるというのは，どうゆうことなのでしょうか．例えば，チェコの作家フランツ・カフカは『変身』という短編小説を書きました．小説の書き出しはこうです． ある朝，不安な夢から目を覚ますと，グレーゴル・ザムザは，自分がベッドのなかで馬鹿でかい虫に変わっているのに気がついた．甲羅みたいに固い背中をして，あおむけに寝ている．頭をちょっともちあげてみると，アーチ状に段々になった，ドームのような茶色の腹が見える．その腹のてっぺんには毛布が，ずり落ちそうになりながら，なんとかひっかかっている．図体のわりにはみじめなほど細い，たくさんの脚が，目の前でむなしくわなわなと揺れている．(p.32)  ...
続きを読む

サマーウォーズ：身体とアバターのデザイン（３）

ポストシンボリックコミュニケーション 最後にOZのアバターのもうひとつの可能性を考えてみたいと思います．それは「コミュニケーション」についてです．今までの考察で暗黙に前提にしていたことがあります，それは今では多くの人が「インターフェイスの非対称性」を自分の感覚として持っているということです．作品のなかでも，若い人に限らず，老若男女誰もがOZにログインして，アバターを操作している．そして，作品を見ている人も特に何の違和感もなく「OZのアバター」といったものを受け入れられるし，それについて考えるもことができる．つまり，ゲームやコンピュータの体験：「インターフェイスの非対称性」が一般化した今だからこそ，サマーウォーズという作品は生まれたのです．このことの意味はしっかりと考える必要があります．次の引用は，マリオの生みの親として有名な任天堂の宮本茂さんの対談での細田さんの発言です． 細田　本当に，その社会情勢がもたらしたのがあの映画の設定だったと思うんです．そうじゃなければ，とてもああいう設定で普通の人が活躍するってことはできなかったと思いますね．アクション映画はやっぱり，特別な人が活躍するものみたいな部分があって．『マトリックス』じゃないけど，「キミは選ばれし人だ」とか言われないと活躍できない．でも，DSがこれだけ広まっているという世界的な状況があれば，DSや携帯も含めてそこからアクセスできる身近な道具を使うことによって，普通の人でも活躍できるアクション映画が成り立つんじゃないかと．(p.169)  「PLUS MADHOUSE 03：細田守」キネマ旬報社，2009年 ゲームやコンピュータが当たり前の存在となって，選ばれた誰かがヒーローになるのではなく，誰もがヒーローになれる作品が生まれた，というふたりの話はとても興味深いです．では，誰もがヒーローになれる作品の舞台になっているOZについて改めて考えてみたいと思います． 細田監督作品の特徴と言われる記号的表現．その効用のひとつが，色や形態などを単純化する記号を使うことで，表現にある種のスピード感が得られることだ．単純化とは表現力に制限を加えることだが，その反面，視認性がアップする．たとえばその性質は交通標識などによく現われていて，標識に向かい合った人間はその表示内容にすぐさま反応することが求めら...
続きを読む

メタファーと身体の関係

1996年に，ダン・ゲントナーとヤコブ・ニールセンは，「アンチ-マック・インターフェイス」という論文を発表した．そこで，彼らは，現在でもGUI デザインを論じる際にバイブルとして参照されることが多い「マッキントッシュ・ヒューマン・インターフェイス・ガイドライン」の原理に，あえて反することで，新たなインターフェイスの可能性を論じている．4-3) マッキントッシュの第一の原理には，インターフェイスは私たちの馴染みの環境を用いたメタファーに基づいているべきだと書かれている．4-4) マッキントッシュの開発者たちは，この原理に則って，現在まで使用されている洗練されたデスクトップ・メタファー（図4-1）を開発した． 　　　　　　　　　　図4-1 システム1.1 のデスクトップ そこでは，ディスプレイ画面を「机の上（デスクトップ）」と見なし，「ファイル」，「フォルダ」，「ごみ箱」などを模したアイコンを，マウスで選択し，クリックすることで，コンピュータの操作が可能になっている．この原則に対して，ゲントナーとニールセンは，「ワードプロセッサ」は「タイプライター」にたとえられるが，ワードプロセッサには，タイプライターにはない「やり直し」の機能があるなど，メタファーが示す目標領域（コンピュータ）と基底領域（たとえる対象）とのミスマッチを指摘する．そして，彼らは，このようなメタファーの使用は混乱を招くことになるので，コンピュータ・システムの構造に即した，メタファーに頼らないインターフェイスをデザインすべきだと主張し，言語主体のインターフェイスの提案を行った．4-5) メタファーによる対象の機能のミスマッチを問題視するゲントナーとニールセンに対して，ジョン・キャロルらは，以前から，対象間のミスマッチを含んではいるが，メタファーの使用は私たちの最も基本的な学習へのアプローチのひとつなので，インターフェイス・デザインには不可欠なものだと主張していた．4-6) 確かに，コンピュータを取り巻くメタファーには多くのミスマッチがあるが，それにも関わらず，私たちは，それらを手がかりにして，コンピュータを使い始めて，気がつくと，それらを当たり前のように操作して自分の作業を進めてきたことは事実である． ゲントナーとニールセン，キャロルらは，似ている対象を結びつける言語の機能としてメタファーを論じ...
続きを読む

メモ：「貧しい画像」はもうない

2007年に書かれたHito Steyerlの「 In Defense of the Poor Image 」には，高解像度画像の劣化版ではなく独自の存在となった低解像度画像のことが書かれている．2007年といえば，iPhoneが発表された年であるが，インターフェイスでの大変動ともともに画像の認識においても大きな変化が起こっていたと考えるべきであろう． 「In Defense of the Poor Image」の出だしの一文「The poor image is a copy in motion.｜貧しい画像は動きのなかでのコピーである」は，「貧しい画像」がもともと「コピー」であり，ネットでの画像流通という「動き」に関係していることを端的に表している．「貧しい画像」は低解像度であっても，実際にはコピーではなく，オリジナルの画像であることもあるかもしれないが，「貧しい画像」と呼ばれる低解像度画像が「コピー」に近い存在で，ネットに流通しているという認識が重要なのである． 低解像度の画像に対してはどこかに「高解像度画像＝オリジナル」があるという認識が対として存在しているが，Steyerlはこの認識を間違ったもとして糾弾する．低解像度画像は高解像度画像とは異なる存在意義をもつというのが，Steyerlの主張である．ネット上を隈なく「流通」していくことこそが，低解像度画像の存在意義なのである．ネットは通信速度の制約から高解像度画像は流通しにくい．それゆえに，画像は解像度を落とされ，データ量を減らされたかたちで流通していく．画像は流通すればするほど人目につくようになる．このことこそが「貧しい画像」に求められていることなのである．そこには解像度の高さによる画像の真正さではなく．いかに人目につくのかというあらたな評価基準が適用される．このあたらしい評価基準のもとでは「アウラ」の出現もまた変わってくると，Steyerlは主張する．「オリジナル」が示すアウラのように，それがいつまでも確かに存在しつづけるからこその価値ではなく，「コピー」のはかさなさゆえに「アウラ」が生じるとされる．ここで「アウラ」という言葉を双方に適用していいかは疑問であるが，現在において「アウラ」という存在も変わっていることは間違いない． 論考の最後にSteyerlは「貧しい画像」はリアルな存在が放つオリ...
続きを読む

スケッチパッドで描く、ふたつの手（１）

１．記録映像に映るふたつの手 ひとつの動画ファイルがある．そのファイルを再生すると，1962年の夏に撮影されたアイヴァン・サザーランドが開発したシステム「スケッチパッド」の映像が，グラフィカル・ユーザ・インターフェイスの基礎を築いたアラン・ケイによる説明とともに映し出される．そこでは黒い画面に白い線が，ペンで描かれていく．ケイが紹介していることからも，このスケッチパッドが，コンピュータの歴史の中で大きな影響力を持っていることが伺えるが，実は，このシステムに実際に触れた人はごく限られている．アラン・ブラックウェルとケリー・ローデンは，サザーランドの博士論文の電子版の前文で，スケッチパッドは，マサチューセッツ工科大学（MIT）のリンカーン研究所でカスタマイズされたマシン，TX-2 でしか動かなかったので，その影響力は，論文と使用状況を撮影したこの記録映像によって広まったと書いている 1 ． その記録映像には，ディスプレイ横にあるボタンを押す手とディスプレイにライトペンと呼ばれるペンで線を描いていく手が映っている．また，これらふたつの手がまったく映っていないときに，白い線が規則的に動くということも記録されている．描く手を必要とせずに線が動いているのであるが，その線の動きには摩擦や空気抵抗が感じられない．そして，この摩擦や抵抗のなさは，ライトペンで線を描いている際にも同様にみることができる．今から，40年以上も前に撮影され，サザーランドのアイディアを多くの人に伝え，スケッチパッドを「個人によって書かれた最も影響力のあるコンピュータ・プログラム 2 」という地位にまで押し上げたこの映像は，何を示しているのであろうか． 私は，以前，スケッチパッドが「変換」という原理でイメージを生み出す装置であることを示した 3 ．それは「痕跡」との一致という原理を逃れたイメージを描けるということである．この映像で，手が全く映し出されていないときに線が規則的に動くという，ある意味，マジックとも言えるようなシーンは，そのことを示している．このマジックは，後にケイが「最初のコンピュータ・グラフィックス・プログラムだということばかりでなく，スケッチパッドにはすばらしい面がたくさんあった．単に何かを描くための道具でなく，常に正しい法則に従って描くプログラムだったね．スケッチパッドで正方形を描こ...
続きを読む

NICOGRAPH 2025で「エキソニモの《Body Paint》における立体視効果の生起条件と印象の変化」を発表しました

イラストレーターのガトーさんによる実験説明のイラスト 11月30日に広島で開催された芸術科学会の NICOGRAPH 2025 で「エキソニモの《Body Paint》における立体視効果の生起条件と印象の変化」を発表しました。この発表は、甲南女子大学心理学部の星野貴俊さんとの共同研究です。星野さんのゼミ生の卒論をブラッシュアップして、今回の発表となりました。 研究を発表しようとなったのですが、お互いに入っている学会も違うし、どうしようかとなりました。そんなとき、芸術科学会は「非会員」でも発表できるということを知ったので、発表を申し込みました。ロングペーパーでの発表を申し込みましたが、残念ながらショートペーパーでの採択となりました。 発表を終えて、ホッとしながら出張報告書を書いていました。日程を確かめるために、NICOGRAPH 2025のページに行くと、私たちの論文が「優秀論文賞（ショートペーパー）」になっていました。「非会員」だと、こういった表彰制度があるのも知らないですし、たとえあっとしても、「非会員」は審査から除外されるものだと思っていたので、とても驚きましたし、芸術科学会は懐が深いなと感じました。 ということで、発表をして、賞ももらいました。 研究のために作品の映像データの提供や、実験用に作品のカラーバリエーション制作を快く許可してくださった エキソニモ のお二人には感謝しかありません。 星野ゼミの学生さんたち、論文のためのイラストを描いてくれた、私のゼミの学生でもある、イラストレーターのガトーさんに感謝です。 そして、何よりも、私から《Body Paint》の視覚効果を認知科学的に解明したいという急な申し出にのっていただき、3年近い時間をかけて、卒論の指導や論文の執筆をしていただいた星野さん、ありがとうございました！ 最後に、論文（ ロングペーパー ）（ ショートペーパー ）のPDFです。 ー 星野先生（心理学科）と水野先生（メディア表現学科）の共同研究論文が 芸術科学会にて優秀論文賞に選ばれました
続きを読む

矢印の自立

The World's Biggest Signpost from adghost on Vimeo . ノキアのナビゲーションサービスのプロモーションのためにつくられた巨大な矢印．携帯から位置情報を送ると，矢印が動いてその方向を指すもの．情報を送った人は，矢印の先に何があるかも想像することができるので何を指しているかわかるけれども，多くの人は，そこに流れるメッセージを読んだとしてもこの矢印の先にあるモノを想像できないなのではないだろうか．でも，矢印の方向に私たちの注意は向いてしまう． 矢印の先に注意を向けるということを，私たちはごく自然に行っているが実はそれはつい最近になって生まれた行為らしい．矢印は，長い間，「モノの動く方向を示す」という意味しかもっていなかったが，今世紀に入って，矢印が示す意味が多様化してきてると，以下のように書かれている． 矢印の意味をほんの少し調べただけでも，現在の記号的な教えを示す矢印のなかから，たちどころに７種類もの違う意味で使われている矢印を見つけることができる． １．動きの向き 物体の動きであったり，動かす必要がある物理的な動きの向きを示す． ２．物理的な変化，変容  ある状態や状況に置かれているところから別のものに変化，変容することを示す． ３．ディメンションの提示 通例としては距離を示したり，数量，重量，時間といったいろいろな寸法とともに使われる．距離を表したり，重量を示す． ４．連結関係を示す 例えば組み合わせにすべき部品と部品を示す矢印．この場合，昔の医学書や科学書で見られるものと同じく，結合線（破線）と同一の意味を持つ．この矢印は，現在使われている矢印と同じくさまざまな起源から生まれてきたことを示す． ５．注意を喚起 どこを見るべきか，図版の特定の場所を示すために使われる． ６．連続性を示す 現代の科学技術では，機能を使ったり，ある要素と要素を組み合わせるには，多くの手順を経る必要がある．そうした一連の手順において，矢印で次にするべき段階を示す． ７．特定の意味を持つ 矢印が教え示す意味は，必ずしもいつも明確とは限らない．また仮に明確でなくとも，意味は持っている．例えば「電気」や「リサイクル」に使われている記号がそれにあたる．(pp.19-20) 矢印の起源と多様化 in 矢印の力：その先にあるモ...
続きを読む

［GIF］ボタンに納得がいかない

iPhoneのtumblr公式アプリには［GIF］ボタンがある．こんな感じのやつ．これがとても気になる． ［GIF］ボタン この［GIF］ボタンを押さないと，アニメーションが再生されない．GIFアニメーションが勝手に再生されないから，ちょっと調子が狂う．ひと目で「GIF」だということはわかるけれども，勝手に「再生」されないというか動いていないので，［GIF］ボタンをタッチしてようやくアニメーションを楽しむことができる． GIFアニメーション以外の動画には［▷］ボタンがついている． ［▷］ボタン GIFアニメーションは他の動画とは「違う」ことになるが，ボタンを押さないと「動画」を楽しめないという点では同じになっている．GIFアニメーションは［GIF］ボタンを押すとその場で「再生」されるのに対して，他の動画はページが遷移する． その場で動くGIFアニメ 画面遷移 その場で動くから［GIF］ボタンにしたのかもしれないし，ボタンを押した後は短い映像が延々とループするから，YouTubeに上がっている映像などとは区別したかったのかもしれないけれど，GIFアニメーションを見るためにいちいちボタンを押すのは，なんか納得がいかない．GIFアニメは画面に現れた時点で，有無をいわさず動いていて，それも延々とループしていてなんとなくウザイ感じがいいのに，再生のためにユーザにお伺いを立てるGIFアニメーションなんて，GIFじゃない． しかし，tumblrはなぜに［GIF］ボタンを設置したのか？　素人考えでは，iPhoneの限られた処理能力をやりくりするためだとは思うけれど，もっと深遠な理由があるのかもしれない．なんといってもtumblrである．画像流通に関して大きな変革を遂行しているともいえるtumblrが，なぜにGIFボタンを設置したのか．あまりにもGIFアニメがウザイとクレームが来たのか．それとも「動画」としてカテゴライズさせたかったのか，そうだとするとなぜ［▷］ボタンにしないかったのか．［▷］を押して，GIFアニメーションだったときのガッカリ感を軽減するためのなのか． tumblrのダッシュボードを流れてくるGIFアニメーション．パソコンで見るときには，流れてきて画面内に入ってきた時には，既に再生・ループしている．ちょっと...
続きを読む

再帰のなかで現われるピクセル感_セミトランスペアレント・デザインの「退屈」展（１）

ggg で開催されている セミトランスペアレント・デザイン の「退屈」展の1階にはモニター，プロジェクターはない．RGBの世界で主に活動してきたセミトラが自らの作品をCMYKに変換している．といっても，これまでつくってきたRGBの作品のスクリーンショットをプリントしているわけではない． スクリーンショットを拡大して見えてくるピクセルをひとつひとつ絵具に変換している．その変換には多くの時間が掛けられているのだろうし，それは「退屈」な作業だったのではないかと想像される．ウェブサイトはそのままのかたちで展示すると，普段，家で見られるものをわざわざ会場で見ることになり，その体験はとても見る人にとって退屈なものである．だからといって，ウェブサイトを「絵画」に変換されても，それはそれでつくる人にも見る人にも退屈なものになってしまうのではないだろうか．最初にそこにあるものが人の手で描かれたものだと知ったときの驚きはあるだろう．しかし，それを長く見ることがあるだろうか．ウェブがリアル絵画になるとそれはすぐさま比較対象がこれまでに圧倒的な歴史をもつ絵画群のなかでその立ち位置を問われて，リアルの前に敗北して真に退屈なものになってしまう． セミトラは簡単に敗北しない．セミトラは「退屈」を引き伸ばす．１階のブルーバックの前に掛けられた絵画は，カメラに撮影され，地下１階に送られ，映像として表示される．絵画は低解像度の画像になる．セミトラはRGBのウェブサイトをCYMKへ，そして再びRGBへと次々に変換していく．ピクセルを絵具に置き換えていったヒトの痕跡があたかもなくなったかのように「ピクセル感」が強調化された低解像度の画像が最終的に出力されている．「ピクセル感」というのは物理的なピクセルを示しているわけではなく，その画像が「ピクセルで成り立っているような感じ」というアバウトな意味である．「RGB→CMYK→RGB」という再帰的な流れの果てに「ピクセル感」が現われる． ブルーバックに合成されているセミトラのアーカイブもそれぞれの作品が徐々にズームアウトされていき，最終的にひとつのピクセルになって，次の作品の一部になるかのような映像になっている．それが「RGB→CMYK→RGB」を示す画像の背景として流れていく．このように...
続きを読む