canvasとWebGLによるコンピュータ・グラフィックスの基礎
第10週 WebGLによる3次元CG(3)(2014年 6月
2
0日)
実習課題
課題#10:いくつかの積み木で遊べ。(
サンプル
)
このブラウザは canvas 要素に対応していません。
操作説明
矢印キーでx軸方向およびy軸方向に回転します。
[Page Up] キーでズームイン、[Page Down] キーでズームアウトします。
もちろん、マウス操作にも対応しています。
制作例(提出確認)
12121612
12121016
12123349
12122161
12122583
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