POPSブログ

ブログ記事一覧: javascript

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

CreateJS キャプチャー画像 表示と 画像保存

ステージ画面、あるいはBitmap画像、コンテナなどをキャプチャー(capture)してCanvasに表示したり、画像化してPNG画像保存できるようにHtmlに表示します。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/05/12 pops

CreateJS 画像分割とテキストアニメーションの組み合わせ (最新)

何種類かの 画像分割についての記事は書いてきましたが、少々改良すべき所を修正しています。今回はテキストアニメーション、サムネールボタンと組み合わせて見ました。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/05/10 pops

ブログ記事一覧

年別アーカイブ一覧



[1]