情報可視化論（H26年度前期）

WebGL入門

サンプル

学生レポート作品

レポート第01回

レポート第02回

レポート第03回

レポート第04回

レポート第05回

講義資料

2014.04.15

• 資料 note01

2014.04.22

• 資料 note02

2014.05.13

• 資料 note03

2014.05.20

• 資料 note04

2014.05.27

• 資料 note05

2014.06.03

• 資料 note06

2014.06.10

• 資料 note07

2014.06.17

• 資料 note08

2014.06.24

• 資料 note09

2014.07.01

• 資料 note10

2014.07.08

• 資料 note11

2014.07.15

• 資料 note12

ソースコード

• 古いOpenGLでの四角形の描画 Hello_World.c
• WebGLでの三角形の描画 webgl_sample_triangle_00.html
• WebGLでの三角形の描画 webgl_sample_triangle_01.html
• WebGLでの三角形の描画 webgl_sample_triangle_02.html
• WebGLでの三角形の描画（DOM版） webgl_sample_triangle_02_shader_from_DOM.html
• WebGLでの三角形の描画（データのインターリーブ） webgl_sample_triangle_03.html
• WebGLでの三角形の描画（定数頂点データ） webgl_sample_triangle_04.html
• WebGLでの三角形の描画（定数頂点データ） webgl_sample_triangle_04b.html
• DOMサンプルプログラム document_object.html
• DOMサンプルプログラム dom_sample_00.html
• glMatrixのサンプルプログラム（ベクトル演算） glMatrix_exercise_00.html
• glMatrixのサンプルプログラム（ベクトル演算） glMatrix_exercise_01.html
• glMatrixのサンプルプログラム（ベクトル演算） glMatrix_exercise_02.html
• glMatrixのサンプルプログラム（ベクトル演算） glMatrix_exercise_03.html
• glMatrixのサンプルプログラム（行列演算） glMatrix_exercise_04.html
• glMatrixのサンプルプログラム（行列演算） glMatrix_exercise_05.html
• 座標変換のサンプルプログラム（変換なし） webgl_sample_spiral_00.html
• 座標変換のサンプルプログラム（モデル変換） webgl_sample_spiral_01.html
• 座標変換のサンプルプログラム（モデル変換＋射影変換） webgl_sample_spiral_02.html
• 座標変換のサンプルプログラム（変換行列の push と pop） webgl_sample_spiral_04.html
• テクスチャのサンプル kobe_u_logo_512x256.jpg
• テクスチャのサンプル yokohama_512x512.jpg
• テクスチャのサンプル uribos_256x256.jpg
• テクスチャのサンプル kobe_1024x512.jpg
• テクスチャマッピングのサンプルプログラム（基本） webgl_sample_texture_mapping_00.html
• テクスチャマッピングのサンプルプログラム（基本, FLIP_Yあり） webgl_sample_texture_mapping_00b.html
• テクスチャマッピングのサンプルプログラム（テクスチャデータの演算） webgl_sample_texture_mapping_00c.html
• テクスチャマッピングのサンプルプログラム（画像の一部をマッピング） webgl_sample_texture_mapping_00d.html
• テクスチャマッピングのサンプルプログラム（ピクセレーション） webgl_sample_texture_mapping_00e.html
• テクスチャマッピングのサンプルプログラム（ラップモード：REPEAT） webgl_sample_texture_mapping_01.html
• テクスチャマッピングのサンプルプログラム（ラップモード：MIRRORED_REPEAT） webgl_sample_texture_mapping_02.html
• アニメーションのサンプルプログラム（setInterval版） webgl_sample_spiral_05.html
• アニメーションのサンプルプログラム（requestAnimFrame版） webgl_sample_spiral_05b2.html
• マウスによる回転のサンプルプログラム webgl_sample_spiral_06.html
• 照明のサンプルプログラム webgl_sample_lighting_00.html
• 照明のサンプルプログラム webgl_sample_lighting_01.html
• 照明のサンプルプログラム webgl_spiral_kobe.html
• Three.jsのサンプルプログラム three_js_sample_cube.html

• webgl-utils.js
• three.js
• three.min.js