Computer Graphics b

Notice for the remote access.

お知らせ

この授業の情報は、Web サイト ( http://ynitta.com/class/ ) と GoogleDrive に置きます。

GoogleDrive には @gm.tsuda.ac.jp のアカウントでアクセスして下さい。当初は@gm.tsuda.ac.jp全員がアクセス可能ですが、ある時点で履修登録者のみに制限します。

pdf形式の資料を配布する際は GoogleDrive 中の pdf/ フォルダに置きます。また、授業中に書き込みを行ったpdf形式のテキストなど、追加の資料は GoogleDrive のhandwritings/ フォルダに置くことがあります。

Web サイト http://ynitta.com/class/ 上の「課題提出Web」などの学内専用ページに学外からアクセスする場合は、 GoogleDrive の passwd.txt に記載されている [Web用] ユーザ名とパスワードを利用して下さい。

講義内容

Webの世界で3Dグラフィックスを高速に処理する技術が WebGL で、HTML5 で標準技術として採用されました。 WebGLの低レベルなAPIを直接プログラミングするのは若干難易度が高いという理由で、 javascriptの高レベルなAPIを持つライブラリがいくつか開発されています。それらのライブラリの中でデファクトスタンダードになったのが Three.js です。本講義では、Three.jsを学び、Webブラウザ内で動作する 3D アニメーションや 3Dゲームを簡単に開発できるようになることを目標とします。

本講義を履修した後に、第4タームに開講される「コンピュータ・グラフィックス a」を履修して、 3次元グラフィックスの基本原理と WebGL の API についてきちんと理解しておくことを推奨します。

また、本授業では javascript を使います。

演習では javascript を用いてプログラミングを行い、Webブラウザ上で実行します。 Webブラウザはjavascriptを高速に実行でき、またデバッグ機能も備えている必要がありますので、 Google Chrome を推奨ブラウザとします。

授業日程

第1ターム水曜1限@S205

04.17 ... 授業説明, 手元でのWWWサーバの起動(python版, Apache httpd版), javascript
04.24 --- chapter01
05.01 --- chapter02 基本コンポーネント(構成要素)
05.08 --- chapter03 いろいろな光源
05.15 --- chapter04 基本的なメッシュ・マテリアル
05.22 --- chapter05 ジオメトリ, chapter06 高度なジオメトリと2項演算
05.29 --- マッピング, chapter10 テクスチャ, 筆記試験の代わりとなる[最終課題]出題
06.05 --- chapter09 アニメーション、カメラの移動
06.12(補講日) ... 授業無し
06.19 ... 最終課題発表会

倉庫

xx.xx --- chapter07 パーティクル、スプライト、ポイントクラウド
xx.xx --- chapter08 ツールを用いて高度な形状(MeshとGeometry)を作る
xx.xx --- chapter11 Custom Shader と Renderの後処理
xx.xx --- chapter12 物理エンジン、音

1024x1024のpng白画像

教科書

Learning Three.js - the JavaScript 3D Library for WebGL (Second Edition)
著者: Jos Dirksen
出版社: Packt Publishing; 2版 (2015/4/3)
ISBN-10: 1784392219
ISBN-13: 978-1784392215
Packt Publishing
Amazon Kindle版 http://www.amazon.co.jp/dp/B00VIBPW5I/
Amazon ペーパーバック http://www.amazon.co.jp/dp/1784392219/

~~サンプルコードのダウンロード: /class/cg2/local/learning-threejs-master.zip~~

ローカルのキャッシュは停止しました。公式サイトからダウンロードしてください。

(注) この本は、津田塾大学図書館で契約している O'Reilly Higher Education https://learning.oreilly.com/home/ で読めます。同時アクセス数は無制限です。

[注意] Jun/06/2024: O'Reilly for Higher Education への最初のアクセスは https://www.oreilly.com/library-access/ の "Institution not listed?" をクリックして、大学の e-mail アドレス g2x9xxyy@gm.tsuda.ac.jp と、新しいパスワードを登録します。新しいパスワードは、大学のパスワードとは全く異なるものにした方がよいです。 O'Reilly for Higher Education への登録方法の詳細は https://nw.tsuda.ac.jp/tsuda/oreilly/ を参照してください。

クイックガイドはこちら。