タグ別アーカイブ: Canvas

[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~

[pixi.js] PixiParticlesでパーティクル (4) ~炎と煙, 火の粉, 水面~

pixijsを使って、パーティクルを扱うよ。 :boy:
DisplayObjectをゆらゆらさせる水面反射効果も試してみたよ。 :bouzu:

pixijs_particles_reflection

PixiParticlesを使ってみちゃうよ。 :boy:

続きを読む [pixi.js] PixiParticlesでパーティクル (4) ~炎と煙, 火の粉, 水面~