概要

HTML5のCanvasをJavaScriptで操作すると、ダイナミックな描画やアニメーションができます。さらに、Canvasを使ってインタラクティブなコンテンツや3次元表現がつくれるJavaScriptのライブラリもあります。

JavaScriptの基礎を学んだ方に、CanvasとJavaScriptを使ったアニメーションやインタラクションの技術について解説します。また、とくに3次元表現などで知っておくべき数学の考え方にも触れます。

技術評論社のgihyo.jpでの連載内容も講座で取り扱います。

修了目標

本講座の受講修了時に、以下のスキル習得を目指します。

• Canvasを使った描画とダイナミックなアニメーションができる。
• CreateJSを使ってインタラクティブなアニメーションがつくれる。
• Away3Dを使ってインタラクティブな3次元表現ができる。
• 三角関数で座標が扱える。
• ベクトルと行列の基本的な使い方を理解する。

カリキュラム

1. Canvasを使ったオシロスコープ(sinカーブのアニメーション)
2. CreateJSで3次元座標を扱う
   • 星形を3次元空間で水平に回す
   • インタラクティブに立方体を回す
3. Away3Dを使ったインタラクティブな3次元表現

＊カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。

使用アプリケーション

Adobe Dreamweaver, JavaScript

講師

野中文雄

定員

6名(各種申込みサイト合計)

対象

• 基本的なJavaScriptコードを書いたことがある(変数や関数を使ったことがある)方。
• Canvasやライブラリを使った経験は問いません。

料金

29,800円（税込み）

会場

東京・原宿　ロクナナワークショップ

募集締切後のお申込み、お問合せ

本サイトでのお申し込みは、講座開催の1週間前に締め切られますが ロクナナワークショップ内講座概要ページ からは開催前日までお申込みいただけます。

　受講規約など

受講希望の方は受講規約およびよくある質問のページを閲覧していただき、ご了承の後にお申し込みください。