POPSブログ

jQuery,ActionScript.BaserCMS & Blog




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

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

≫ 続きを読む

javascript 2014/12/08 pops

CreateJS FlickrAPI jQuery.getJSON画像表示とオーナーページにリンク

FlickrAPI photos.search メソッド利用で画像検索表示して、オーナーページにリンク出来る様にボタンを配置します。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/11/28 pops

CreateJS FlickrAPI photos.search メソッド利用のjQuery.ajax()画像表示

前ページ、「FlickrAPI photos.search メソッド利用でデータをjQuery.getJSONで読み込み、画像をCreateJSでCanvas表示」の続きになります。jQuery.ajax()処理に変更した場合のテストとデモです。
easeljs-0.7.1 でテストしました。

≫ 続きを読む

javascript 2014/11/27 pops

CreateJS FlickrAPI photos.search メソッド利用のjQuery.getJSON画像表示

FlickrAPI photos.search メソッド利用でデータをjQuery.getJSONで読み込み、画像をCreateJSでCanvas表示します。FlickrAPIデータ取得には「FlickrAPIキー」が必要になりますが「指定する大きな画像」を得られるのが特徴です。
easeljs-0.7.1 でのテストです

≫ 続きを読む

javascript 2014/11/26 pops

CreateJS FlickrAPIのデータをjQuery.getJSONで読み込み画像を表示する

FlickrAPIのデータをjQuery.getJSONで読み込み、サムネール画像をCreateJSで表示しactive時のボタン背景色などを変えます。表示中のOWNERのページにリンクできます。また、jQuery.ajax()で読み込み画像表示をもしてみました。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/11/19 pops

CreateJS Bjin.Me APIのデータをjQuery.ajax()で読み込み画像を表示する

BjinAPI(美人API)のjson形式データをjQuery.ajax()で読み込み、画像をCreateJSで表示しactive時のボタン背景色などを変えます。
ボタンにクロスドメインの画像を埋め込んでいますので、通常はリンクがSecurity上の理由で機能しません。ボタンを工夫してリンク(クリックが機能)するように修正します。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/11/07 pops

CreateJS 角丸RoundRect 画像埋め込みボタンのactive時背景色を変える(最新)

複数の画像埋め込みボタンを配置して、active時のボタン背景色などを変えます。
但し、ボタンにクロスドメインのサムネール画像を埋め込んだ場合には、Canvas表示のためSecurity上の理由でリンクは機能しませんので、画像は原則、サイト内より読み込んで使用します。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/11/06 pops

CreateJS 角丸RoundRect rolloverボタンのactive時背景色を変える(最新)

複数のrollover rolloutボタンを配置して、rollover時の色を変えます。activeの場合にもボタン背景色を変えます。easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/10/27 pops

CreateJS 透過PNG画像の中の部分に陰影処理する

透過PNG画像の透過部分と画像の境に陰影処理(ドロップシャドウ)をしても、Chrome(Opera)では「テキストまたはグラフイック」と違い処理されません。そこで、「Blurフィルター」ぼかし処理のドロップシャドウを画像で作り配置してみました。easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/10/07 pops

CreateJS CanvasエレメントでCompositeOperation合成テキスト表示

CreateJSで、テキストでマスクする場合CompositeOperation合成をすると簡単ですが、実際には他のステージの要素にも影響が及びうまく行きません。Canvasエレメントで処理してBitmapで表示すれば意外に実用的です。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/09/28 pops

ブログ記事一覧



[1]