2014年3月28日(金) 10:30-17:00
野中文雄のHTML5 + CreateJSによるリッチコンテンツ作成講座
HTML5とCreateJSでFlashのようなインタラクティブコンテンツを作成する技術を学ぶ注目の講座!
CreateJS Suiteは HTML5の技術にもとづく、JavaScriptの統合ライブラリです。 これまでFlashで実現されていたようなインタラクティブなリッチコンテンツをつくることができます。
本講座では、CreateJSライブラリを用いて、簡単な描画から始め、トゥイーンアニメーションやマウスインタラクション、外部画像の読込み方などを解説します。JavaScriptの基礎を学んだ方が対象となります。
- HTML5
- プログラム
- セミナー内容
- ・Canvasに図形を描く
canvas要素を定める/CanvasにJavaScriptで矩形を描く/塗り色を定める
・EaselJSで図形を描く
Stageオブジェクトをつくる/Shapeオブジェクトに描画する
・EaselJSで描いた星形を回す
星形を描く/EaselJSによるアニメーション
・TweenJSでインスタンスにトゥイーンアニメーションを加える
簡単なトゥイーンアニメーション/複数のトゥイーンを組合わせる
・EaselJSで描いた星形を回す
星形を描く/EaselJSによるアニメーション
・EaselJSで描いた星形を回す
星形を描く/EaselJSによるアニメーション - 講師・ゲスト
- 野中 文雄
CreateJS Suiteでアニメーションやインタラクションといった中心的な役割のライブラリとなるEaselJSを基本として、トゥイーンアニメーションのTweenJS、外部データの読込みを待つPreloadJSなどについて、サンプルをつくりながら学んでいきます。
HTML5のCanvasだけでつくると面倒なアニメーションやマウス操作とのインタラクティブな動きが、CreateJSを用いると少ない行数でスクリプティングできます。 JavaScriptの文法的な解説も、必要に応じて加えます。 - 日時
- 2014年3月28日 10:30-17:00
- 会場
- 東京都中央区日本橋小伝馬町7-16 ニッケイビル1F
- 参加費
- 20,000円+消費税
- 定員
- 10名
- URL
- http://www.jagra.or.jp/school/course/web/html5_createjs.html
上記URLより、直接お問い合わせください。