9/30 CreateJS勉強会 (第8回) まとめ

Risa Yuguchi / 湯口りさ @risay

さまざまなセンサーの紹介が載ってる本も見てね！ #CreateJS

華の丸の内OL〠Qio.G @Qio_Glphym

IoTを使えばド○フみたいな面白いセットも作れそう・・・ #CreateJS

Hitomi @hitomi4vv_

見慣れたペンギン!! #CreateJS

にゃもげら @nyamogera

最後は野中さん！ #CreateJS

にゃもげら @nyamogera

「Adobe Animate CCからHTML5 CanvasでパブリッシュしたCreateJSのコードを操作する」 #CreateJS

にゃもげら @nyamogera

マニアックな話聞きたい #CreateJS

Risa Yuguchi / 湯口りさ @risay

最後は @FumioNonaka さんの 「Adobe Animate CCからHTML5 CanvasでパブリッシュしたCreateJSのコードを操作する」 #CreateJS pic.twitter.com/KtyjRVdVUJ

拡大

にゃもげら @nyamogera

Animate CCではガイドにすると書き出しがされない。 #CreateJS

にゃもげら @nyamogera

出力されるJavaScriptコードについて。 #CreateJS

Hitomi @hitomi4vv_

野中さんはDw #CreateJS

にゃもげら @nyamogera

ペンギンはシェイプで書かれているため、画像ファイルではなくJavaScriptに変換されている。 #CreateJS

にゃもげら @nyamogera

Animate CCの中にもJavaScriptがかける #CreateJS

takumus @takumus

これが出来るってことは、シェイプの設計も考えないと。#CreateJS

にゃもげら @nyamogera

スクリプトはタイムラインのフレームに記述できる。 #CreateJS

Risa Yuguchi / 湯口りさ @risay

AnimateCCから(CreateJS向けに?)書き出したシェイプは画像でなくJavaScriptコードになるので、良くわからない文字列は基本的にさわらない。 でも、色くらいなら…ペンギンさんゾンビになる！ #CreateJS

Kurashita @umi_kappa

Animate CCのフレームにラベル名つけられるの楽だよな～とFlash時代から感じています #CreateJS

Hitomi @hitomi4vv_

「こんだけの簡単なアニメーションです」 (^q^)すごいよ!! #CreateJS

sawa-zen @sawa_zen

やっぱりAnimationCCでアニメーションつけてJSで書き出せれるのすごいし、FlashCCから改名したのは10代20代にも印象良く見えるので正しさしかない。 #CreateJS

Risa Yuguchi / 湯口りさ @risay

必ずthis必要だから、タイムラインに書くときは変数にいれてから使う方が楽 #CreateJS

Risa Yuguchi / 湯口りさ @risay

ペンギンのなかに書く…ペンギンさんの改造できる。。。こういう感じで、Animate CCでロボット制御できる時代来ないかなw #CreateJS

Kurashita @umi_kappa

「ちょっと意味がわからないw」と笑いを誘う野中さん！＼(^o^)／ #CreateJS

Risa Yuguchi / 湯口りさ @risay

関数はかなりウッカリthis代入忘れそう。タイムラインに書くJavaScriptはグローバル、ローカルの区別しっかりしなきゃ #CreateJS

Kurashita @umi_kappa

ガイドレイヤーの使い方が参考になる。わかりやすいな～使ってみよう #CreateJS

にゃもげら @nyamogera

JavaScriptのthisは使うのしんどいなぁ（みんなTypeScript使わないかなぁ）。 #CreateJS