POPSブログ

jQuery,ActionScript.BaserCMS & Blog




CreateJS Circleボタンクラスactive表示(easeljs-0.8)

スイッチ風Circleボタンを「コンテナ継承クラス」にしてactiveに対応させます。画像読み込みの際のProgressBar、Loadingもコンテナ継承クラスにしてJSで読み込み使用しています。
小さなボタンですから画像の上に重ねる事が可能ですのでこのデモでは画像の上にボタンを配置しています。
機能を標準化させることにより効率的に設計できると思います。

≫ 続きを読む

javascript 2015/04/03 pops

CreateJS 角丸TEXTボタンクラスactive表示(easeljs-0.8)

角丸TEXTボタン「コンテナ継承クラス」にしてactiveに対応させます。画像読み込みの際のProgressBar、Loadingもコンテナ継承クラスにしてJSで読み込み使用しています。
機能を標準化させることにより効率的に設計できると思います。

≫ 続きを読む

javascript 2015/04/01 pops

CreateJS 角丸画像埋め込みボタンクラスactive表示(easeljs-0.8)

角丸サムネールボタン「コンテナ継承クラス」にしてactiveに対応させます。画像読み込みの際のProgressBar、Loadingもコンテナ継承クラスにしてJSで読み込み使用しています。
機能を標準化させることにより効率的に設計できると思います。

≫ 続きを読む

javascript 2015/03/28 pops

CreateJS コンテナ継承クラスProgressBar組み込みLoading表示2(easeljs-0.8)

ProgressBarおよびLoading表示は何回か作れば多少効率の良い方法も見つかりますが、コンテナ継承クラスにProgressBar、Loading表示を組み込むのも1つの方法と思います。
以前のLoading表示(archives/347 Loadingクラス3 rotationで回転)を改造しました。

≫ 続きを読む

javascript 2015/03/25 pops

CreateJS コンテナ継承クラスProgressBar組み込みLoading表示(easeljs-0.8)

ProgressBarおよびLoading表示は何回か作れば多少効率の良い方法も見つかりますが、コンテナ継承クラスにProgressBar、Loading表示を組み込むのも1つの方法と思います。
標準に使用したい形をクラス化すれば設定が簡単になります。

≫ 続きを読む

javascript 2015/03/22 pops

CreateJS コンテナ継承クラスのLoading表示3(easeljs-0.8)

コンテナ継承クラスのLoading表示を作りますがMatrixを利用せずに全体をrotationで回転させます。Matrix処理が面倒で判り難いなどの理由があればこちらが簡単に作れます。回転形式の、数多くのLoading表示が可能です。

≫ 続きを読む

javascript 2015/03/21 pops

CreateJS コンテナ継承クラスのLoading表示2(easeljs-0.8)

easeljs-0.8でMatrix2Dで円周上に配置したインスタンスをMatrixで回転させますが、rotate()もMatrixを使用しコンテナ継承クラスのLoading表示を作ります。arc形式(弧状)の図形を追加しました。
リスナーの形式を少しかえてみましたが、結果的には相違有りませんでした。回転形式の、数多くのLoading表示が可能です。

≫ 続きを読む

javascript 2015/03/20 pops

CreateJS コンテナ継承クラスのLoading表示(easeljs-0.8)

easeljs-0.8でMatrix2Dで円周上に配置したインスタンスをMatrixで回転させますが、rotate()もMatrixを使用しコンテナ継承クラスのLoading表示を作ります。
回転形式の、数多くのLoading表示が可能です。

≫ 続きを読む

javascript 2015/03/14 pops

CreateJS Matrix円周配置インスタンス回転(easeljs-0.8)

easeljs-0.8でMatrix2Dクラスに変更がありましたので、円周上に配置したインスタンスをMatrixで回転させますが、rotate()は使用せずrotationで処理します。
rotate()の処理がデグリー値に変更なりましたのでMatrixから分離した方が良い様な気がします。

≫ 続きを読む

javascript 2015/03/12 pops

CreateJS 3D風TEXT文字Carousel表示(easeljs-0.8)

円周上に配置したインスタンスを回転させる 3D Carousel もどきですが「2D」で作成し中に図形と文字を挿入しています。回転中に文字がぶれていましたがTEXT文字を画像化して修正しています。
easeljs-0.8でMatrix2Dクラスに変更がありましたので修正します。

≫ 続きを読む

javascript 2015/03/10 pops

ブログ記事一覧



[1]