canvasとWebGLによるコンピュータ・グラフィックスの基礎

第12週 WebGLによる３次元ＣＧ（５）（2014年 7月 4日）

例題：照明（環境光・点光源）の効果

実習課題

課題#12：照明の効果を実験せよ。（サンプルA, サンプルB）

操作説明

• 矢印キーでｘ軸方向およびｙ軸方向に回転します。
• [Page Up] キーでズームイン、[Page Down] キーでズームアウトします。
• もちろん、マウス操作にも対応しています。

制作例（提出確認）

• 12122583
• 12122161
• 12123349
• 12123587

おまけ

• たくさんのサイコロ
• もっとたくさんのサイコロ

参考文献

WebGL

• Giles Thomas, Learning WebGL
• Google, webglsamples -- Various WebGL Samples
• Khronos, WebGL -- OpenGL ES 2.0 for the Web
• Andreas Anyuru, Professional WebGL Programming: Developing 3D Graphics for the Web, Wrox (2012) ISBN:978-1-1199-6886-3
  吉川邦夫（訳） 「実践プログラミング WebGL」 翔泳社（2012） ISBN:978-4-7981-2953-2
• 松田晃一 「WebGL+HTML5 3DCG プログラミング入門」 カットシステム（2012） ISBN:978-4-87783-273-5
  Kouichi Matsuda and Rodger Lea, WebGL Programming Guide: Interactive 3D Graphics Programming with WebGL, Addison-Wesley Professional (2013) ISBN:978-0-3219-0292-4

檀 裕也
dan@cc.matsuyama-u.ac.jp