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

第１週イントロダクション（2015年 4月17日）

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

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

例題３：パス（サンプル）

例題４：円弧（サンプル）

実習課題

課題#01：自由に描け。（スイカの制作例）

提出確認

参考文献

コンピュータグラフィックスとディジタル映像表現

CGエンジニア検定エキスパート対応「コンピュータグラフィックス」 CG-ARTS協会（2015） ISBN: 978-4-903474-49-6
CGクリエイター検定エキスパート対応「ディジタル映像表現 -CGによるアニメーション制作-」 CG-ARTS協会（2015） ISBN: 978-4-903474-48-9
CGクリエイター検定ベーシック対応「入門CGデザイン」 CG-ARTS協会（2015） ISBN: 978-4-903474-47-2

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