canvasとWebGLによるコンピュータ・グラフィックスの基礎
第2週 2次元座標平面におけるCG表現技法(2015年 4月24日)
例題1:正三角形の描画(
サンプル
)
このブラウザは canvas 要素に対応していません。
例題2:秒針の描画(
サンプル
)
このブラウザは canvas 要素に対応していません。
実習課題
課題#02:時計を創造せよ。(
サンプル
)
提出確認
12130031
12130114
12130384
12130774
12130926
12131580
12131796
12132043
12132364
12132451
12132465
12132992
12133285
12134110
12134124
12134261
参考資料
おまけ
(目盛つき)
おまけ
(滑らかな動作)
おまけ
(デジタル時計)
参考文献
コンピュータグラフィックスとディジタル映像表現
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