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

第１週 イントロダクション・ソフトウェア開発環境（2014年 4月11日）

例題１：長方形の描画（サンプル）

例題２：グラデーション（サンプル）

実習課題

課題#01：青空に虹を描け。（サンプル）

制作例（提出確認）

• 12101028
• 12113623
• 12121016
• 12121098
• 12121630
• 12122161
• 12122583
• 12123349
• 12123587
• 12123826

参考資料

• おまけＡ
• おまけＢ
• rainbow（Google 画像検索）

参考文献

CG理論

• コンピュータグラフィックス編集委員会 「コンピュータグラフィックス」 CG-ARTS協会（2006） ISBN:978-4-903474-00-7

JavaScript

• 山田祥寛 「JavaScript 本格入門」 技術評論社（2010） ISBN:978-4-7741-4466-5
• 河西朝雄 「ゼロからわかる JavaScript 超入門」 技術評論社（2010） ISBN:978-4-7741-4120-6
• 松崎澄芳 「かんたんプログラミング JavaScript」 技術評論社（2010） ISBN:978-4-7741-4125-1

canvas

• W3C, HTML Canvas 2D Context
• Steve Fulton and Jeff Fulton, HTML5 Canvas, Second Edition, O'Reilly (2013) ISBN:978-1-4493-3498-7
  安藤慶一（訳） 「HTML5 Canvas」 オライリー・ジャパン（2012） ISBN:978-4-87311-527-6
• 鈴木清安 「HTML5 CANVAS & CSS3 デザインガイド」 技術評論社（2012） ISBN:978-4-7741-4970-7

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