Computer Graphics

24
Computer Graphics Computer Graphics 芝芝芝芝芝芝芝芝芝芝芝 芝芝芝芝芝芝芝芝芝芝芝 芝芝 芝芝 芝芝 芝芝 芝芝芝芝芝芝CG 芝芝芝芝芝芝CG

description

Computer Graphics. 視覚に訴えるCG. 芝浦工業大学情報工学科 青木 義満. 今日の講義内容. 視覚に訴えるグラフィックス(第 7 章) ノンフォトリアリスティックレンダリング(NPR) 可視化( Visualization ). ノンフォトリアリスティックレンダリング. 絵画やイラストなどのような CG 画像を生成する技法 伝えたい情報を強調,他を省略 作者の ” 目的に応じた ” 意図の伝達. NPRの例. 既存描画技術のシミュレーション. 既存の描画技法を計算機上でシミュレーション 油絵 水彩画 ペン画 水墨画 - PowerPoint PPT Presentation

Transcript of Computer Graphics

Page 1: Computer Graphics

Computer GraphicsComputer Graphics

芝浦工業大学情報工学科芝浦工業大学情報工学科

青木 義満青木 義満

視覚に訴えるCG視覚に訴えるCG

Page 2: Computer Graphics

2006/01/10 Computer Graphics 2

今日の講義内容今日の講義内容

視覚に訴えるグラフィックス(第 7章)

ノンフォトリアリスティックレンダリング(NPR) 可視化( Visualization)

Page 3: Computer Graphics

2006/01/10 Computer Graphics 3

ノンフォトリアリスティックレンダリングノンフォトリアリスティックレンダリング

絵画やイラストなどのような CG画像を生成する技法 伝えたい情報を強調,他を省略 作者の”目的に応じた”意図の伝達

Page 4: Computer Graphics

2006/01/10 Computer Graphics 4

NPRの例NPRの例

Page 5: Computer Graphics

2006/01/10 Computer Graphics 5

既存描画技術のシミュレーション既存描画技術のシミュレーション

既存の描画技法を計算機上でシミュレーション 油絵 水彩画 ペン画 水墨画 木版画  etc…

利点 絵を描くことが不得意な人でも絵をかける 人手では困難な描画(大規模化,3次元化,動画化)が可能

Page 6: Computer Graphics

2006/01/10 Computer Graphics 6

NPRの例(既存描画技術シミュレーション)NPRの例(既存描画技術シミュレーション)

Page 7: Computer Graphics

2006/01/10 Computer Graphics 7

NPRの例(既存描画技術シミュレーション)NPRの例(既存描画技術シミュレーション)

Page 8: Computer Graphics

2006/01/10 Computer Graphics 8

NPRの例(既存描画技術シミュレーション)NPRの例(既存描画技術シミュレーション)

Page 9: Computer Graphics

2006/01/10 Computer Graphics 9

情報伝達を目的とした描画情報伝達を目的とした描画

効果的な絵を使っての情報伝達

写実性の高さ ≠ わかりやすさ イラスト的(線画的)表現の活用 輪郭やエッジなどに代表される物体形状の特徴的な部分を強調表現

表現技法 イラスト(線画)表現 可視化技術(ボリュームレンダリング等)

Page 10: Computer Graphics

2006/01/10 Computer Graphics 10

NPRの例(自由曲面の確認)NPRの例(自由曲面の確認)

Page 11: Computer Graphics

2006/01/10 Computer Graphics 11

NPRNPRの例(ボリュームデータの表現)の例(ボリュームデータの表現)

Page 12: Computer Graphics

2006/01/10 Computer Graphics 12

NPRの例(ラフな3NPRの例(ラフな3 DD モデリング)モデリング)

Page 13: Computer Graphics

2006/01/10 Computer Graphics 13

その他のその他の NPRNPR

ストロークを用いた絵画調描画 アニメーションのための NPR

Page 14: Computer Graphics

2006/01/10 Computer Graphics 14

NPRの例(アニメーションへの対応)NPRの例(アニメーションへの対応)

Page 15: Computer Graphics

2006/01/10 Computer Graphics 15

NPRの例(詳細度制御)NPRの例(詳細度制御)

Page 16: Computer Graphics

2006/01/10 Computer Graphics 16

NPRのポイントNPRのポイント

目的は?(情報伝達?芸術?) ユーザは誰か?(専門家?素人?子供?) 自動処理とユーザ処理のバランス 評価は?

Page 17: Computer Graphics

2006/01/10 Computer Graphics 17

可視化(ビジュアライゼーション)可視化(ビジュアライゼーション)

CGを利用してデータを視覚的に表現する技術 シミュレーション・計測によって得られた科学技術データの性質の解析

膨大なデータの視覚的・直感的な把握

サイエンティフィック・ビジュアライゼーション 科学技術データを対象とした可視化 医学,生物学,天文学,地球科学,気象学,量子科学,機械工学  etc.

Page 18: Computer Graphics

2006/01/10 Computer Graphics 18

サイエンティフィック・ビジュアライゼーションサイエンティフィック・ビジュアライゼーション

新たな科学現象の発見,把握 スケールは原子 (10-15m)〜人体〜地球( 107m )まで

Page 19: Computer Graphics

2006/01/10 Computer Graphics 19

可視化の一般的な処理手順可視化の一般的な処理手順

Page 20: Computer Graphics

2006/01/10 Computer Graphics 20

可視化における色情報の役割可視化における色情報の役割

Page 21: Computer Graphics

2006/01/10 Computer Graphics 21

可視化の例可視化の例

Page 22: Computer Graphics

2006/01/10 Computer Graphics 22

情報可視化情報可視化

情報可視化( 1990年代〜) アルゴリズム動作の可視化 時間変移するビジネスデータの可視化 ユーザとの協調を伴う情報システムの挙動 計算機の新たなユーザインタフェース( GUI)

→ 抽象的な時空間構造を持つ大規模データから有益な情報を迅速かつ容易に理解するための”画像を用いた可視化”による支援 

Page 23: Computer Graphics

2006/01/10 Computer Graphics 23

情報可視化の例情報可視化の例

Page 24: Computer Graphics

2006/01/10 Computer Graphics 24

可視化におけるポイント可視化におけるポイント

どのようなデータを対象として,何を把握したいか?

多変量データの扱い 多次元データの因果関係(原因と結果)

可視化の次元数をどう設定するか? 目的に適した空間情報の配置,レンダリング,アニメーション(時系列情報)の選定