POPSブログ

jQuery,ActionScript.BaserCMS & Blog




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

CreateJS ステージのキャプチャーと複数コンテナを合成し画像に変換

CreateJSで、SVGはcanvgで画像変換されていますので、当然キャプチャー可能ですが、一応テストしてみます。あわせて、cacheCanvas、getCacheDataURL()、などを使用してのステージのキャプチャー、任意の複数画像、コンテナ、などの合成テストも行ってみました。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/09/20 pops

CreateJS canvgでSVGをラスター画像に変換してBitmap表示

CreateJSで、直接SVGを表示することは可能ですが、canvg.jsを使用して一旦SVGをラスター画像に変換してCreateJSのBitmapクラスで表示して見ます。ChromeでBitmapクラスでの陰影処理に不具合がありますがその修正も考慮してみます。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/09/02 pops

CreateJS 日本語WebフォントとSVGの表示

CreateJSで、日本語Webフォントと Inkscapeで作ったSVGをローダーで読み込み表示します。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/08/27 pops

CreateJS 日本語Webフォントの表示

日本語Webフォントを表示する場合に読み込み容量を減らすため必要なフォントのみのSubsetファイルを作ります。利用できる日本語Webフォントと事前の処理、表示方法などを探ります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/08/23 pops

CreateJS フォントマスクと、Webフォントテキストアニメーション2

WebフォントテキストアニメーションとをGraphicsクラスで描画するフォントマスクの組み合わせです。デザイン変更には有効ですから、シミュレーションも付けてみました。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/08/17 pops

ブログ記事一覧

年別アーカイブ一覧



[1]