POPSブログ

jQuery,ActionScript.BaserCMS & Blog




CreateJS 3D風画像CarouselのBlur処理(easeljs-0.8)

円周上に配置したインスタンスを回転させる 3D Carousel もどきですが「2D」で作成し中に画像を挿入しています。遠近感を強調する表現で後方の画像をBlur処理しました。
easeljs-0.8でMatrix2Dクラスに変更がありましたので修正します。

≫ 続きを読む

javascript 2015/03/06 pops

CreateJS 3D風画像Carousel表示(easeljs-0.8)

円周上に配置したインスタンスを回転させる 3D Carousel もどきですが「2D」で作成し中に画像を挿入しています。
easeljs-0.8でMatrix2Dクラスに変更がありましたので修正します。

≫ 続きを読む

javascript 2015/03/04 pops

CreateJS 3D風Carousel円周配置のインスタンスを回転させる(easeljs-0.8)

円周上に配置したインスタンスを回転させる 3D Carousel もどきですが「2D」で作成しています。Matrix2Dクラスを使用していますので、問題となる重なり順をsort()を使用して修正しています。
中に画像を配置していない、簡略化した原型です。easeljs-0.8でMatrix2Dクラスに変更がありましたので修正します。

≫ 続きを読む

javascript 2015/03/02 pops

CreateJS Matrixで円周配置の図形Shapeなどを回転(easeljs-0.8)

円周上に配置した図形ShapeなどをMatrixクラスを使用して回転させます。画像などをも配置出来ますので色々な応用が可能です。Matrixですのでマウス位置に対応して、回転方向速度変化など操作出来ます。簡単な「デモ」と共に掲載します。Matrix2Dクラスのrotate()がデグリー値になりましたので以前のものを訂正しました。easeljs-0.8 でのテストです。

≫ 続きを読む

javascript 2015/02/28 pops

CreateJS easeljs-0.8のLoadQueueクラスでの画像表示の変更など

EaselJSが0.8にバージョンアップし(2014/12/15)、共にpreloadjs-0.6になり「LoadQueueクラス」などの設定に変更があります。新しいLoadQueueクラス、個別ImageLoaderクラス、Bitmap(URL)表示、での画像読み込み表示に関連することを調べてみます。easeljs-0.8.0 でのテストです。

≫ 続きを読む

javascript 2015/02/19 pops

CreateJS FlickrAPI LoadManager読み込みタグ検索画像表示

タグ検索により、FlickrAPIのデータをjQuery.getJSONで読み込み、サムネール画像をCreateJSで表示し「ドラッグ」可能にします。これらは前のものと同じですが、LoadManager.jsでクロスドメイン画像(サムネール)を読み込みます。一部パラレル処理で画像を読み込みますので読み込みがスコブル早いのが特徴です。
easeljs-0.8.0 でのテストです。

≫ 続きを読む

javascript 2015/01/18 pops

CreateJS FlickrAPI「キーワード入力画面」付きのワード検索とImage()クロスドメイン画像表示

キーワード検索により、FlickrAPIのデータをjQuery.getJSONで読み込み、サムネール画像をCreateJSで表示し「ドラッグ」可能にします。サムネール「クリック」で大きな画像を表示します。「キーワード入力画面」付きですので、条件を変えて再検索の操作が出来ます。easeljs-0.8.0で標準でクロスドメイン画像を表示出来ませんので(方法はあるが難しい)、javascriptのImage()メソッドを利用しました。
easeljs-0.8.0 でのテストです。

≫ 続きを読む

javascript 2014/12/27 pops

CreateJS FlickrAPI「タグ入力画面」付きのタグ検索とImage()クロスドメイン画像表示

タグ検索により、FlickrAPIのデータをjQuery.getJSONで読み込み、サムネール画像をCreateJSで表示し「ドラッグ」可能にします。サムネール「クリック」で大きな画像を表示します。「タグ入力画面」付きですので、条件を変えて再検索の操作が出来ます。easeljs-0.8.0で標準でクロスドメイン画像を表示出来ませんので(方法はあるが難しい)、javascriptのImage()メソッドを利用しました。
easeljs-0.8.0 でのテストです。

≫ 続きを読む

javascript 2014/12/25 pops

CreateJS FlickrAPI「タグ入力画面」付きのタグ検索画像表示

タグ検索により、FlickrAPIのデータをjQuery.getJSONで読み込み、サムネール画像をCreateJSで表示し「ドラッグ」可能にします。サムネール「クリック」で大きな画像を表示します。
「タグ入力画面」付きですので、条件を変えて再検索の操作が出来ます。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/12/09 pops

CreateJS FlickrAPI photos.search メソッドのキーワード検索画像表示

キーワード検索により、FlickrAPIのデータをjQuery.getJSONで読み込み、サムネール画像をCreateJSで表示し「ドラッグ」可能にします。サムネール「クリック」で大きな画像を表示します。
「キーワード入力画面」付きですので、条件を変えて再検索の操作が出来ます。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/12/08 pops

ブログ記事一覧

年別アーカイブ一覧



[1]