タグ別アーカイブ: CreateJS

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

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

pixijs_particles_reflection

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

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

[CreateJS] ドットの光 (4) ~BitmapData, Bresenham, ColorHSV~

CreateJSを使って、光るドットの表現に挑戦してみるよ。 :boy:

createjs_dotlight4

BitmaData for EaselJS を使ってみちゃうよ。 :boy:
DotLight, EmitLight, Dotクラスでつくってみたよ。 :bouzu:
Bresenham, ColorHSVクラスなんてのもつくったよ。 :cake:

続きを読む [CreateJS] ドットの光 (4) ~BitmapData, Bresenham, ColorHSV~

[CreateJS] ドットの光 (3) ~BitmapData, Bresenham~

CreateJSを使って、光るドットの表現に挑戦してみるよ。 :boy:

createjs_dotlight3

BitmaData for EaselJS を使ってみちゃうよ。 :boy:
DotLight, EmitLight, Dotクラスでつくってみたよ。 :bouzu:
Bresenhamクラスなんてのもつくったよ。 :cake:

続きを読む [CreateJS] ドットの光 (3) ~BitmapData, Bresenham~

[CreateJS] ドットの光 (2) ~BitmapData, ColorHSV~

CreateJSを使って、光るドットの表現に挑戦してみるよ。 :boy:

createjs_dotlight2

BitmaData for EaselJS を使ってみちゃうよ。 :boy:
DotLight, EmitLight, Dotクラスでつくってみたよ。 :bouzu:
ColorHSVクラスなんてのもつくったよ。 :cake:

続きを読む [CreateJS] ドットの光 (2) ~BitmapData, ColorHSV~

[CreateJS] 動的スプライトシート (3) ~SpriteSheetBuilder, Container~

CreateJSを使って、SpriteSheetBuilderクラスを学習するよ。 :bouzu:
Containerクラスでアニメーション配置して、スプライトシートを動的に生成してみるよ。 :boy:

createjs_spritesheetbuilder3

SpriteSheetクラスSpriteクラスで表示してみたよ。 :boy:

続きを読む [CreateJS] 動的スプライトシート (3) ~SpriteSheetBuilder, Container~

[CreateJS] 動的スプライトシート (2) ~SpriteSheetBuilder, MovieClip~

CreateJSを使って、SpriteSheetBuilderクラスを学習するよ。 :bouzu:
MovieClipクラスでアニメーション配置して、スプライトシートを動的に生成してみるよ。 :boy:

createjs_spritesheetbuilder2

SpriteSheetクラスSpriteクラスで表示してみたよ。 :boy:

続きを読む [CreateJS] 動的スプライトシート (2) ~SpriteSheetBuilder, MovieClip~

[CreateJS] 動的スプライトシート (1) ~SpriteSheetBuilder, Bitmap~

CreateJSを使って、SpriteSheetBuilderクラスを学習するよ。 :bouzu:
Bitmapクラスでアニメーション配置して、スプライトシートを動的に生成してみるよ。 :boy:

createjs_spritesheetbuilder1

SpriteSheetクラスSpriteクラスで表示してみたよ。 :boy:

続きを読む [CreateJS] 動的スプライトシート (1) ~SpriteSheetBuilder, Bitmap~

[CreateJS] サウンド (6) ~boombox, loop(native)~

CreateJSを使って、サウンドを学習するよ。 :bouzu:
単に、再生させるだけだがな! :piyo:

サウンド周りだけ、boombox を使ってみた。

createjs_sound_boombox_loop_native

サウンドは、claps.mp3, claps.ogg, claps.aac / bgm.mp3, bgm.ogg, bgm.aac を用意した。
サウンドの終了で、拍手ボタンを復帰させてるよ。 :girl:
別ウィンドウや別タブを触ってから、もどってきたときの挙動にも注目!

続きを読む [CreateJS] サウンド (6) ~boombox, loop(native)~

[CreateJS] サウンド (5) ~boombox, loop(original)~

CreateJSを使って、サウンドを学習するよ。 :bouzu:
単に、再生させるだけだがな! :piyo:

サウンド周りだけ、boombox を使ってみた。

createjs_sound_boombox_loop_original

サウンドは、claps.mp3, claps.ogg, claps.aac / bgm.mp3, bgm.ogg, bgm.aac を用意した。
サウンドの終了で、拍手ボタンを復帰させてるよ。 :girl:
別ウィンドウや別タブを触ってから、もどってきたときの挙動にも注目!

続きを読む [CreateJS] サウンド (5) ~boombox, loop(original)~