POPSブログ

ブログ記事一覧: html5

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

CreateJS フォントをGraphicsクラスで描画する

基本的に、現在CreateJSでフォントをGraphicsクラスで描画する事は出来ませんが InkscapeとInk2canvasでフォントをコンテキスト(ctx)の形式に変換してGraphicsクラスで描画する事は可能です。付随作業と多少の制約はありますがテストしてみます。

≫ 続きを読む

javascript 2014/08/12 pops

CreateJS @font-face 形式で、Webフォントの描画が壊れる時の修正

CreateJSで@font-face 形式でWebフォントを読み込んだ場合、テキストの装飾を行うと、直接html5 Canvas処理のコンテキストのFontがWebフォントにならない場合があります。CreateJS TextClassの処理は正常なのですが、修正方法を考えて見ます。

≫ 続きを読む

javascript 2014/08/07 pops

ブログ記事一覧

年別アーカイブ一覧



[1]