月別アーカイブ: 2015年3月

Web/App : HTML5 : Library

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

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

pixijs_school4

DisplacementFilter を使って、水面の光もゆらゆらさせてみた。 :boy:
全体のゆらゆらとは異なるゆらゆらで。 :beer:

続きを読む [pixi.js] 金魚鑑賞 (4) …
Web/App : HTML5 : Library

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

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

pixijs_school3

DisplacementFilter を使って、水面をゆらゆらさせてみた。 :boy:
ブラーかけようとすると、影が描画できないっぽい。 :cloud:

続きを読む [pixi.js] 金魚鑑賞 (3) …
Web/App : HTML5 : Library

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

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

pixijs_school2

RenderTexture を使って、影をつけてみた。 :boy:
ブラーをかけても軽い！ :sun:

続きを読む [pixi.js] 金魚鑑賞 (2) …
Web/App : HTML5 : CreateJS

[CreateJS] 金魚鑑賞 (2)

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

createjs_school2

BitmaData for EaselJS を使って、影をつけてみた。 :boy:
ブラーをかけるとかなり重くなるので、ブラーを外してある。 😥

続きを読む [CreateJS] 金魚鑑賞 (2) …
Web/App : HTML5 : CreateJS

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

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

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

createjs_tween_easeplus

そんな悲しみのなか、Arai 先生 :hakase: が！ (1.0)
:check: 「yuichiroharai/easeplus-createjs · GitHub」

続きを読む [CreateJS] トゥイーン (7) ～easeplus～ …
Web/App : HTML5 : Library

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

(2327 PV)
pixijsを使って、MagicLightを作ってみるよ。 :bouzu:

pixijs_magiclight4

SpriteクラスとTextureクラスで表示してみたよ。 :boy:
画面をドラッグすると、光が発生するよ！ :cake:

続きを読む [pixi.js] MagicLight (4) ～Sprite, TouchEvent～ …