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

第３週 ２次元座標平面におけるＣＧ表現技法（２）（2014年 4月25日）

例題：アニメーション処理によるアナログ時計の実装（サンプル）

実習課題

課題#03：例題のアナログ時計に対して時針と分針を加えよ。（サンプル）

制作例（提出確認）

• 12121612
• 12121016
• 12122161
• 12101028
• 12122583
• 12123587
• 12123349
• 12121630
• 12121098

参考資料

• おまけ（目盛つき）
• おまけ（滑らかな動作）
• おまけ（デジタル時計）

参考文献

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