ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

CreateJSコミュのEaselJS

  • mixiチェック
  • このエントリーをはてなブックマークに追加
CreateJS Suiteの中核となるEaselJSについての情報交換と議論のトピックです。

コメント(7)

FumioNonaka.comには、今日まで以下の記事を公開しました。

「EaselJSで図形を描く」
http://www.fumiononaka.com/Business/html5/FN1202005.html
「EaselJSで描いた星形を回す」
http://www.fumiononaka.com/Business/html5/FN1203001.html
「EaselJSのマウスクリックとドラッグ&ドロップ」
http://www.fumiononaka.com/Business/html5/FN1203005.html
「EaselJSで外部ビットマップファイルを読込んで回す」を加えました。外部画像ファイルの読込みはとても簡単です。
http://www.fumiononaka.com/Business/html5/FN1204005.html
「EaselJSでインスタンスをクリックした座標で回しながらドラッグする」
http://www.fumiononaka.com/Business/html5/FN1205001.html
インスタンスを任意の中心座標で回すというお題です。ActionScript 3.0ならMatrixクラスを使う場面です。DisplayObject.globalToLocal()とDisplayObject.localToGlobal()メソッドを用います。
● EaselJSでインスタンスをドラッグする勢いで回転を加速する
http://www.fumiononaka.com/Business/html5/FN1206001.html
マウスをドラッグする勢いで回転が速まり、止めれば減速して、ドロップするとゆっくり止まるアニメーションをつくります。思ったより長めの解説になりました。サンプルはつぎのような感じです。
http://www.fumiononaka.com/Business/html5/samples/FN1206001_004.html
●Tickerクラスでtickイベントを配信する
http://www.fumiononaka.com/Business/html5/FN1207002.html
Tickerクラスのおもなメソッドについて、リファレンス的な解説を加えました。原文のドキュメントの記載漏れも見受けられます。
●EaselJSのフィルタColorMatrixFilterでイメージをセピア調に変える
http://www.fumiononaka.com/Business/html5/FN1209003.html

クラスColorMatrixFilterとColorMatrixに関わるリファレンス解説およびカラー変換行列の数学的な説明も加えました。
●EaselJSでインスタンスにマスクをかける
http://www.fumiononaka.com/Business/html5/FN1209005.html
インスタンスにかけたマスクを回してみました。

●EaselJSに新たに加えられたマスク機能
http://f-site.org/articles/2012/09/10201504.html
マスクを試す前に、軽く頭に入れておくとよいです。

ログインすると、みんなのコメントがもっと見れるよ

mixiユーザー
ログインしてコメントしよう!

CreateJS 更新情報

CreateJSのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。