タグ別アーカイブ: ひよこちゃん

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

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

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

createjs_tween_easeplus

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

続きを読む [CreateJS] トゥイーン (7) ~easeplus~

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

[CreateJS] サウンド (4) ~boombox~

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

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

createjs_sound_boombox

サウンドは、claps.mp3, claps.ogg, claps.aac を用意した。
サウンドの終了で、拍手ボタンを復帰させてるよ。 :girl:

続きを読む [CreateJS] サウンド (4) ~boombox~

[CreateJS] サウンド (3) ~io.sound~

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

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

createjs_sound_ion

サウンドは、claps.mp3, claps.ogg, claps.aac を用意した。
サウンドの終了で、拍手ボタンを復帰させてるよ。 :girl:

続きを読む [CreateJS] サウンド (3) ~io.sound~

[CreateJS] マウスアップ (5) ~stagemouseup, proxy~

CreateJSを使って、マウスアップを学習するよ。 :bouzu:

マウスダウンで首振り、マウスアップでジャンプさせようと思う。 :piyo:
ただし、ジャンプは5回までに制限するね。 :boy:
いろんなケースがあるので、試しに createjs.proxy を使ってみる。

createjs_mouseup5

ちゃんとカウントアップしてる!そしてジャンプは5回まで!
野中先生 :hakase: に教えてもらった方法で、イベントリスナーがちゃんと削除できたみたい。

続きを読む [CreateJS] マウスアップ (5) ~stagemouseup, proxy~

[CreateJS] マウスアップ (4) ~stagemouseup, proxy~

CreateJSを使って、マウスアップを学習するよ。 :bouzu:

マウスダウンで首振り、マウスアップでジャンプさせようと思う。 :piyo:
ただし、ジャンプは5回までに制限するね。 :boy:
いろんなケースがあるので、試しに createjs.proxy を使ってみる。

createjs_mouseup4

ちゃんとカウントアップしてる! が!ジャンプが無制限に!
どうやら、イベントリスナーが削除できていないみたい。

続きを読む [CreateJS] マウスアップ (4) ~stagemouseup, proxy~

[CreateJS] マウスアップ (3) ~stagemouseup~

CreateJSを使って、マウスアップを学習するよ。 :bouzu:

マウスダウンで首振り、マウスアップでジャンプさせようと思う。 :piyo:
ただし、ジャンプは5回までに制限するね。 :boy:

createjs_mouseup3

ちゃんとカウントアップしてる!そしてジャンプは5回まで!

続きを読む [CreateJS] マウスアップ (3) ~stagemouseup~

[CreateJS] マウスアップ (2) ~stagemouseup~

CreateJSを使って、マウスアップを学習するよ。 :bouzu:

マウスダウンで首振り、マウスアップでジャンプさせようと思う。 :piyo:

createjs_mouseup2

マウスアップが取れた! ちゃんとカウントアップもしてる!

続きを読む [CreateJS] マウスアップ (2) ~stagemouseup~