POPSブログ

ブログ記事一覧: 2013年

CreateJS Loading Shape (弧状) 回転テスト3

画像読み込み時に表示するLoading、扇形をarc()で弧状に円周に配置し、イベント毎に単純にShapeをrotationで回転させています。グラフイックを書き換えて回転する形式では有りません。(グラフイック書き換え方式も掲載)
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/12/22 pops

CreateJS Loading Shape 回転テスト2

画像読み込み時に表示するLoading、Circle図形を円周上に配置し、イベント毎にグラフイックを書き換えて回転する形式で作りました。matrix変換、transformPoint()を利用すると簡単に仕上がります。但し、Circle以外は描画できない問題が発生しました。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/12/17 pops

CreateJS Loading Shape 回転テスト1

画像読み込み時に欠かせないのがLoadingです。画像読み込み中回転を続けるShape、イベント毎にグラフイックを書き換えて回転する形式で作りました。matrix変換、transformPoint()を利用すると簡単に仕上がります。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/12/12 pops

CreateJS 画像分割とTransitionMask等を組み合わせてアニメ表示する2、番外編

複数の形状の違う画像分割とTransitionMask等多数を組み合わせた 番外編です。1枚画像スライド、ダブルスライド、レーダーエフェクトなどを加えました。かなり「重体お病気系エフェクト」ですが、CreateJSが進化すればモット「エフェクト」が増えるでしょうから危篤状態も間近です。ボタンで任意に画像を読み込み表示する形式で作りました。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/12/09 pops

CreateJS 画像分割とTransitionMaskを組み合わせてアニメ表示する、番外編

複数の形状の違う「画像分割」と「マスク要素」を組み合わせて画像エフェクトする TransitionMask 番外編です。かなり複雑で「重症お病気系エフェクト」ですが、目の錯覚で区別の付かないものも有ります。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/11/30 pops

CreateJS Transition Mask マスク要素を組み合わせてアニメ表示する、番外編

複数の形状の違うマスク要素を組み合わせてマスクで画像エフェクトする Transition Mask 番外編です。マスク要素をシェイプトゥイーンもどきでグラフイックをカキカエ、マスクを着色して変化させる「お病気系エフェクト」です。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/11/25 pops

CreateJS Transition Mask 形状の違うマスク要素を組み合わせてアニメ表示する

複数の形状の違うマスク要素を組み合わせてマスクで画像エフェクトする Transition Mask です。矢来状、格子状、など3種類の分割様式の違うものに、マスク形状、計16種類内包しています。少々処理が複雑になります。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/11/21 pops

CreateJS Transition Mask 6角形(hexagon)マスク処理してアニメ表示

複数の6角形(hexagon)マスクで画像エフェクトする Transition Mask です。6角形を組み込むために斜め矢来状に分割しているのが特徴です。 6角形、ダイア形を2種類づつ、計4種内包しています。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/11/16 pops

CreateJS Transition Mask 画像を複数のShapeでマスク処理してアニメ表示B

複数のShapeで画像をマスクして、マスク材を動かしてエフェクトする Transition Mask です。画像分割と似通っていますが、多少視覚的に違いはあります。角形以外の図形でマスク出来るのが特徴でActionScriptでは「なじみ」のものです。前ページのものよりエフェクト数を増やしてみました。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/11/10 pops

CreateJS TransitionMask 画像を複数の分割Shape()でマスク処理してアニメ表示する

複数のShape()で画像をマスクして、マスク材を動かしてエフェクトする TransitionMask です。画像分割アニメと似通っていますが、多少視覚的に違いはあります。角形以外の図形でマスク出来るのが特徴でActionScriptで極一般的で「なじみ」のものです。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/11/06 pops

ブログ記事一覧

年別アーカイブ一覧



[1]