POPSブログ

ブログ記事一覧: CreateJS

CreateJS Canvasエレメント描画のOUTLINEテキストアニメーション

CreateJS Textクラスで作ったOUTLINEテキストにCanvasエレメント描画の画像などで、テキストを装飾してアニメーション(Tween)させます。OUTLINEテキストはアウトラインの幅だけ大きくなりますので其の点を考慮して作ります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/07/15 pops

CreateJS OUTLINEテキストアニメーション

OUTLINEテキストは、easeljs-0.7以降、「CreateJS Textクラス」で作れるようになりました。以前は、OUTLINEテキストをCanvasエレメントで作りBitmap()で表示してましたが、今回は標準のCreateJS Textクラスで作ります。
テキストを重ねて装飾したり、テキストに画像を埋め込み装飾する方法など色々な形式で調べてみます。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/07/10 pops

CreateJS 大型画像分割(スライス) 2重DOORタイプ MENU

DOORタイプのエフェクトの下に中間層を置き、DOORと同じ大きさの角形を少し時間差を付けてスライドさせた。スライド方向を「対角 左右 上下」の 4DOOR 2DOOR のみに限定する。少し前であるが、TVのCMに有ったと思う。一応「MENU」としての利用を目的としていますので(使える程度の代物)、画像読み込み失敗時のエラー処理もしました。TOPページでの使用を想定した構造、構成となります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/06/26 pops

CreateJS 大型画像 ダブルスライド形式 MENU

大型画像が2枚一体となり「スライド」する、いわゆるダブルスライド(Slider)ですが、スライド方向を「左右上下」にも変更出来ます。一応「MENU」としての利用を目的としていますので(使える程度の代物)、画像読み込み失敗時のエラー処理もしました。TOPページでの使用を想定した構造、構成となります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/06/23 pops

CreateJS 大型画像 Carouselタイプ(Slider) MENU

大型画像が一体となり「左右にスライド」する、いわゆるCarouselタイプ(Slider)ですが「上下にスライド」する設定にも変更出来ます。一応「MENU」としての利用を目的としていますので(使える程度の代物)、画像読み込み失敗時のエラー処理もしました。TOPページでの使用を想定した構造、構成となります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/06/19 pops

CreateJS 大型画像スライス DOORタイプ MENU

大型画像の画像分割、DOOR 形式の画像エフェクトと「MENU」の組み合わせです。原則、2x2、x2x1、1x2分割の 4DOOR 2DOOR になります。一応「MENU」としての利用を目的としていますので(使える程度の代物)、画像読み込み失敗時のエラー処理もしました。TOPページでの使用を想定した構造、構成となります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/06/18 pops

CreateJS 大型画像Transition MENU

大型画像の Transition Mask 形式の画像エフェクトと「MENU」の組み合わせです。原則、正方形で構成しますが、円形、角丸四角形、四角形のマスクが可能です。一応「MENU」としての利用を目的としていますので(使える程度の代物)、画像読み込み失敗時のエラー処理もしました。TOPページでの使用を想定した構造、構成となります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/06/15 pops

CreateJS 大型画像スライス(画像分割)、スライドMENU

大型画像の スライス(画像分割) and スライド MENUです。四角形スライスが主で、スライド、クロスフェードなどと組み合わせてみました。一応「MENU」としての利用を目的としていますので(使える程度の代物)、画像読み込み失敗時のエラー処理もしました。
TOPページでの使用を想定した構造、構成となります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/06/12 pops

CreateJS 大型画像スライドMENU 2

大型画像スライドMENUです。スライド、クロスフェードと組み合わせてみました。一応「MENU」としての利用を目的としていますので(使える程度の代物)、画像読み込み失敗時のエラー処理もしました。
TOPページでの使用を想定した構造、構成となります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/06/08 pops

CreateJS 大型画像スライド (MENU)

大型画像スライド、クロスフェードと組み合わせてみました。「MENU」としての利用も可能です。同様なものは、以前 archives218 ページでも作っていますが少しはこちらが進化しています。ボタン、HOVERサムネールつきになります。
TOPページでの使用を想定した構造、構成となります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/06/07 pops

ブログ記事一覧

年別アーカイブ一覧



[1]