芸術情報概論第5回芸術と情報って何だろう

2012.11.12 (Mon)

柏崎 礼生

自己紹介

研究者researcher 国立情報学研究所

National Institute of Informatics (NII)

株式会社はてなHatena Inc.

ソーシャルブックマーク

はてなブックマークで最もブックマーク数の多い

論文は？※2012年1月17日時点の

情報です

日本で最も有名な萌え研究者(のひとり)

※2012年1月18日以降

日本物理学会誌Vol.63, No.7, 2008

ポスドクからポストポスドクへ

円城塔

円城塔Enjou Tou (1972～)

円城先生が

芥川賞

とらなんだら

わしらが

はてブトップ

じゃったのに さらに

厳密には ぷよぷよ

(以下略) そもそも萌えって何だろう 鶴巻和也

Kazuya Tsurumaki (1966~)

ありていに言えば想像、妄想する力ですかね。(中略) 僕にとっての「萌え」っていうのは、ただ

「かわいい」という意味ではなくて、ありもしない情報を

捏造する行為なんですよね。*1 Webアニメスタイル 鶴巻和哉が語る『トップをねらえ２！』秘話 第６回

http://www.style.fm/as/13_special/mini_070130a.shtml

*1

妄想と捏造 定義は重要 ルードヴィヒウィトゲンシュタイン

Ludwig Josef Johann Wittgenstein(1889～1951)

ウィトゲンシュタイン著野矢茂樹訳

論理哲学論考

論理哲学論考 命題7語りえぬものについては、

ひとは沈黙に任せるほかない。Wovon man nicht sprechen kann,

darüber muss man schweigen.

語り得ぬことについては語ってはいけない

定義は重要※大事なことなので二度言いました

芸術情報概論 たいへんごもっとも

大学で学ぶべきことその 0.

大学って何をするところ?

高度な技術を習得するところ

学位を取得するところ

学位学部 (学士)指導された通りにテクニック (手法や道具) を駆使して基準以上の成果を達成すること。

修士課程・博士前期課程 (修士)提示された問題に対して、手段 (テクニック) を作り出してその解決を達成する。

博士課程・博士後期課程 (博士)世界に存在する問題を発見し、(複数の) 手段を作り出してその問題解決を達成する。

問題解決をしてくれる人材を

求めている芸術における問題とはなにか

歴史の伝承(過去)

後進の育成と伝達 (現在)

新たな表現の模索 (未来) 閑話休題 芸術? 情報?

けいじ-じょう【形而上】-ジヤウ《「易経」繋辞上から》形をもっていないもの。哲学で、時間•空間の形式を制約とする感性を介した経験によっては認識できないもの。超自然的、理念的なもの。↔形而下。

ダクラス・R・ホフスタッター著野崎昭弘ほか訳

ゲーデル, エッシャー, バッハあるいは不思議の環

「そこで辞書だ。　凡人には　辞書がある。」

柳瀬尚紀Naoki Yanase (1943～)

三省堂大辞林

げい-じゅつ【芸術】特定の材料•様式などによって美を追求•表現しようとする人間の活動。および、その所産。

じょう-ほう【情報】ジヤウ-ある物事の内容や事情についての知らせ。

正直よくわからん…　 ジャン＝フランソワ

ミレーJean-François Millet(1814～1875)

種まく人Le Semeur

(1851)

種を蒔くだけのお話を

90分×4回

美術学部と音楽学部

双方満足できる授業を PV (MTV)

star guitar (2002)The Chemical Brothers

ミシェル・ゴンドリーMichel Gondry (1963~)

8 PVs 27 PVs10 PVs

量あっての質

大学で学ぶべきこと

その1.ノートのつくりかた

弘法は筆を選ばず

天才は道具を選ばない

君たちは凡人だ 道具を選べ

HITEC-C 4mm redHITEC-C 4mm blue black

大学で学ぶべきこと

その2.友達重要超重要

大学で学ぶべきこと

その3.

眠りのコントロール

地獄のミサワの「女に惚れさす名言集」よりhttp://jigokuno.com/

睡眠時間を誇れるのは

小学生までだよねー

えーマジ

睡眠不足!?

睡眠はコントロール可能眠たいのには理由がある文部科学省「快適な睡眠の確保に関する総合研究班」ガイドライン。 独立行政法人産業医学総合研究所による報告書。コーヒー飲んで15分の仮眠を取るのが効果的

肉体的睡魔と精神的睡魔。つまらない授業を聞けばそりゃ眠たくなる。昼食後眠いのも当然。

睡眠時間の限度7～8時間。それ以上眠ると疲労する。

閑話休題げい-じゅつ【芸術】特定の材料•様式などによって美を追求•表現しようとする人間の活動。および、その所産。

美って何だろう

ゲームの話をしよう

→ 2005

→ 1993Virtua Fighter (1993)

スミソニアン博物館Smithsonian Museum

ComputerGraphics

ピクセルの集合体pixel

pic + ele(ment)picture + cell

伊藤 若冲Jakuchu Itoh 鳥獣花木図屏風 鳥獣花木図屏風 「SAKURA ドロップス」(2003)

宇多田ヒカル

ジョルジュ・スーラGeorges Seurat ポール・アン・ベッサンの外港

Port en Bessin, avant port (maré e haute)

Roman Baths, Hippocamp Mosaic

ラスター

raster

ベクター

vector 3D model

ディスプレイ

ラスター ベクター 3D2D

コンピュータ内部いわゆるAdobe Photoshop で扱う画像。ピクセルの集合体で画像を表現する。PSD形式、JPEG形式、PNG形式などで保存されるのが一般的。

長所と短所自然画など複雑で緻密な表現が可能。拡大するとピクセルが見える。

ラスター画像

1961年ニューヨーク

ノーマン・マクラレンNorman McLaren

情報量の単位bit (ビット)

1bit 8bit = 1byte

256階調 = 2 階調 = 8bit = 1byte

8

256階調5本指で

どこまで数えられるか

5つの音でどれだけの音を表現できるか(和音含む)

1つの指でも意味は違う

32通り情報量の定義 クロード

シャノンClaude Elwood Shannon

(1916～2001)

情報量はエントロピーの対数で定まる

選択情報量の定義

I(E) = ! log2 P (E)32 = 25 = 5bit

256 = 28 = 8bit 256階調 = 2 階調 = 8bit = 1byte

8

256階調

32 bit ? RedGreenBlue

8bit8bit8bit

255

255

255

0

0

0

8 bit (R) +8 bit (G) +8 bit (B) =24 bit

32 bit ?alpha

blending100% 90% 80% 70% 60% 50% 40% 30% 20% 10%

RedGreenBlue

8bit8bit8bit

255

255

255

0

0

0

alpha 8bit2550

= 32 bit

Windows 7 Mac OS X優

ビットマップフォント

アウトラインフォント

優ビットマップフォント

アウトラインフォント

ベクター画像いわゆるAdobe Illustrator で扱う画像。ベジェ曲線や数式で画像を表現する。AI形式、EPS形式、SVG形式などで保存されるのが一般的。

長所と短所複雑で緻密な表現が困難。拡大してもジャギーが見えない。 ベジェ曲線

Bezier curveピエール・ベジェPierre Bézier (1910～1999)

1962 1945 1960s1950s

第二次世界大戦終結

東京オリンピック新幹線開通

民間航空会社の発達

vectorgraphics

モーションタイポグラフィmotion typography

カイル・クーパーKyle Cooper Devid Fincher “Seven” (1995) CRYMSON CF (2000)

佐藤義尚Yoshinao Satou

Yoshinao Satou “PAPERS” (1991)神様のいうとおり

いしわたり淳治&砂原良徳+やくしまるえつこ/川村真司+細金卓矢細金卓矢

Takuya Hosogane Motion Reel 2011

フォントfont

raw anti-aliased

アンチエイリアシングanti-aliasing

ゲシュタルト崩壊Gestaltzerfall あ

ああああああああ

ああああああああ

ああああああああ

ああああああああ

ああああああああ

ああああああああ

ああああああああ

ああああああああ

ああああああああ

ああああああああ

ああああああああ

ああああああああ

ああああああああ

ああああああああ

の ちめ あ ゲシュタルト心理学Gestalt Psychology マックス

ヴェルトハイマーMax Wertheimer(1880~1943)

近接proximity

類同similarity star guitar (2002)

The Chemical Brothers

閉合closure

ここから性的なコンテンツが始まります

不快感を感じる方は目を逸らすなどして下さい 川村ゆきえ

Yukie Kawamura

セクハラで訴えられるのが怖いので

男性俳優でもやってみた

最低だおまえは最低だ

人間は錯覚しながら認識をしている

3DCG3D model

ポリゴンpolygon

ポリpoly-

ex) polyethylene, polyrhythm

「複数の」

ゴン-gon

ex) pentagon「角形」

ライティング「物が見える」ということ。光があって、光が物に反射して、その反射光が目に入るから「物が見える」。CGの世界では光源を設定しないと「光がほんの少しも存在しない世界」となり、何も見えない。

光の種類平行光線、点光源、線光源、面光源アンビエント光（環境光）、天球光源、スポットライト光など。

反射のしくみ (1)拡散反射 (diffuse reflection)入射光の強さと入射角により、反射光の強さが定まる。反射光は全ての方向に均一に反射する。磨りガラスのような反射。

反射のしくみ (2)鏡面反射 (specular reflection)入射角の反対側に強い分布を持つ反射光となる。反射光の強い部分をハイライトと呼ぶ。鏡、ガラス、つるつるのプラスチックなどの反射。

つまり反射光とは…反射光 = 拡散反射光 + 鏡面反射光 + 環境光

面の向き法線 (normal)平面（曲面）上のある一点において、その接平面に垂直な直線（ベクトル）。複数の接平面と接する点における法線ベクトル → 接する全ての面における法線ベクトルの平均。柔らかい

ベクトル (vector)大きさと向きを持った量。

flat(constant) Gouraud Phong

シェーディング陰付け (shading)代表的なものは三種類（フラット・グロー・フォン）あることを覚えておこう。グローとフォンなどをスムーズシェーディングと言う。この順番でリアルっぽくなっていく（計算量も多くなる）。

Virtua Fighter (1993)

VirtuaFighterの頃1993年のアーケードゲームフラットシェーディングが精々。コンスタントシェーディング(constant : 均一な) とも言う。

ポリゴン一枚を一色で塗りつぶす。セガサターン・プレイステーション初期のゲームがこれ。1ポリゴン1色なので描画が速い。

しかしリアルとは言えないよね…。エルンスト・マッハErnst Waldfried Joseph Wenzel Mach

(1838～1916)

↑ ↑

問題点マッハバンド効果均一な色の区間が急激に違う色の区間へと変化すると、その変化の前後で存在しない色が見える。 マッハバンド

Mach Band

ヘンリー・グローHenri Gouraud (1944～)

Gouraud Shadingグローシェーディングポリゴン頂点の色からポリゴン内部の色を補間して塗りつぶす。グラデーションがかかるのでマッハバンド効果が発生しない。

しかしハイライトの表現が正しくない。グラデーションなので、頂点よりもポリゴン内部が明るくなることはありえない。 解決策：ポリゴンを細かくする

PlayStation の頃はこれが限界。

Final Fantasy VII : Aerith Gainsborough ブイ・トン・フォン

Bùi Tường Phong (1942～1975)

Phong Shadingフォンシェーディングポリゴンの頂点の法線そのものを補間し、補間した法線から色（反射光）の計算を行う。ハイライトが正しく表現される。計算量は膨大。擬似フォンシェーディングは PS1, PS2 でも実装されていた例がある。ゲームにおける表現の歴史は計算量との戦い。

Ridge Racer 7 (PlayStation3)Gran Tourismo 5 Prologue (PS3)

ラジオシティグローバルイルミネーションglobal illumination (大域照明)

ラジオシティradiosity, 熱力学的アプローチ

ラジオシティ特徴光の当たった部分が他の部分を照らす乱反射を熱力学的に計算。

半影 (soft shadow) と呼ばれる柔らかい影。

計算量はハンパではないのでゲームでは用いられない。オフラインレンダリングでもそこそこハイエンドな処理となる。オフラインレンダリング↔ リアルタイムレンダリング

リアルな影の追求影の輪郭現実にはぼやけるのが普通。くっきりしていると CG らしすぎて正直引く。光源を複数配置（線・面光源）→ バッドノウハウラジオシティを利用 …… 計算量が膨大ドームライト：HDR の環境マッピング

「もやしもん」OP (2007) 株式会社 白組

マッピングTexture Mappingオブジェクト表面に画像を貼る。

Bump Mappingオブジェクト表面に仮想的な凹凸を作ることで複雑な形状を表現。

Reflection Mapping別名：環境マップ。反射や映り込みなど。T2000 が有名。

HDRIHigh Dynamic Range Imageing擬似HDRI → 「ICO」「ワンダと巨像」FPS「Half-Life 2」「Far Cry」

パーティクル粉体複雑な流体計算を単純なモデルで表現することで複雑な現象の記述を可能とした手法。飛行生物の軌跡から爆発やら何から何まで万能な手法として映画やゲームなど幅広く用いられる。

sonyBRAVIA

José González sony “colour, like no other” (2005)

CGの歴史よりリアリティを高くリアリティとはそもそも何か？→ 現実世界に近く。現実に近くなれば情報が増える例えば色数が2色から1677万色になれば現実に近づき情報量が増えるように。

じゃあ「現実を超越したら」どうなるのか ?人間が知覚できない色数を表現できたとして、それは情報量は増えているのか。人間に聞こえない周波数の音楽は、後世に残るだろうか。

「情報」とは何なのか。情報量は分かった。だがそれだけではなかろう…。

美しいって何だろう

芸術って何だろう

次回へ続く(11/19)