[pixi.js] 金魚鑑賞 (4)

水槽内を泳ぐ金魚を上から覗いてみたよ。 :bouzu:
pixijs で試しちゃった。 :girl:

pixijs_school4

DisplacementFilter を使って、水面の光もゆらゆらさせてみた。 :boy:
全体のゆらゆらとは異なるゆらゆらで。 :beer:
続きを読む [pixi.js] 金魚鑑賞 (4)

[pixi.js] 金魚鑑賞 (3)

水槽内を泳ぐ金魚を上から覗いてみたよ。 :bouzu:
pixijs で試しちゃった。 :girl:

pixijs_school3

DisplacementFilter を使って、水面をゆらゆらさせてみた。 :boy:
ブラーかけようとすると、影が描画できないっぽい。 :cloud:
続きを読む [pixi.js] 金魚鑑賞 (3)

[pixi.js] 金魚鑑賞 (2)

水槽内を泳ぐ金魚を上から覗いてみたよ。 :bouzu:
pixijs で試しちゃった。 :girl:

pixijs_school2

RenderTexture を使って、影をつけてみた。 :boy:
ブラーをかけても軽い! :sun:
続きを読む [pixi.js] 金魚鑑賞 (2)

[CreateJS] 金魚鑑賞 (2)

水槽内を泳ぐ金魚を上から覗いてみたよ。 :bouzu:
CreateJS で試しちゃった。 :girl:

createjs_school2

BitmaData for EaselJS を使って、影をつけてみた。 :boy:
ブラーをかけるとかなり重くなるので、ブラーを外してある。 😥
続きを読む [CreateJS] 金魚鑑賞 (2)

[CreateJS] トゥイーン (7) ~easeplus~

CreateJSを使って、トゥイーンを学習するよ。 :bouzu:
TweenJSのイージングが確認できるようにしてみた! :piyo:

でも、みんな大好き Expo がないんだよねー。

createjs_tween_easeplus

そんな悲しみのなか、Arai 先生 :hakase: が! (1.0)
:check: 「yuichiroharai/easeplus-createjs · GitHub
続きを読む [CreateJS] トゥイーン (7) ~easeplus~

[pixi.js] MagicLight (4) ~Sprite, TouchEvent~

pixijsを使って、MagicLightを作ってみるよ。 :bouzu:

pixijs_magiclight4

SpriteクラスTextureクラスで表示してみたよ。 :boy:
画面をドラッグすると、光が発生するよ! :cake:
続きを読む [pixi.js] MagicLight (4) ~Sprite, TouchEvent~