POPSブログ

ブログ記事一覧: html5

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

CreateJS アコーディオンMENUと画像クロスフェード、ステージ1つのOverlayタイプ

同一のステージ内に配置した、ホリゾンタル アコーディオン 応用のサムネール「MENU」です。簡単な画像クロスフェードと組み合わせてみました。ステージ1つのOverlayタイプでステージにマウスが入れば表示します。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/06/01 pops

CreateJS アコーディオンMENUと画像クロスフェード

ホリゾンタル アコーディオン 応用のサムネール「MENU」です。通常の「サムネールボタン」と比較して、アコーディオン形式のため同じ範囲に多くのサムネールを配置できます。簡単な画像クロスフェードと組み合わせてみました。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/05/30 pops

CreateJS アコーディオン、DOMElement装飾ラベル、CLICKアクション形式

簡単な画像を使用した ホリゾンタル アコーディオン です。ラベル部分を「クリック」すれば該当箇所がひらきます。多少制約はありますが DOMElement を表示し中にHTMLを挿入出来ますので自由に画面構成が可能です。Graphicsクラス、Textクラスなどで記載するよりはるかに効率的になります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/05/27 pops

CreateJS アコーディオン、DOMElement表示、HOVER(rollover)形式

簡単な画像を使用した ホリゾンタル アコーディオン です。多少制約はありますが DOMElement を表示し中にHTMLを挿入出来ますので、自由に画面構成が可能です。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/05/25 pops

CreateJS アコーディオン、画面装飾HOVER(rollover)形式

簡単な画像を使用した ホリゾンタル アコーディオン ですが、色々と装飾出来る様にしました。装飾部分と共にTEXTなどを画像化して使用していますが少々描画品質は劣ります。設定など変更できますので自由度があり多様性に富みます。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/05/22 pops

CreateJS アコーディオン、大型画像HOVER(rollover)形式

簡単な画像を使用した ホリゾンタル アコーディオン です。CreateJSでは MouseHover などの処理に少々クセがありますので、その辺をクリアできれば jQuery AS3 のアコーディオンと原理は同じですから製作は簡単です。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/05/20 pops

CreateJS sourceRect 画像トリミング

Bitmapクラスの sourceRect プロパティを利用した画像トリミングです。毎度お馴染み「パクリ記事」であります。
また、sourceRect を使用しない方法などをも考えて見ます。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/05/17 pops

ブログ記事一覧

年別アーカイブ一覧



[1]