DOTweenという神アセットの話 / DOTween-god-asset

2020/7/31開催のyokohama.unityで登壇したスライド

『ボクノシメイ』FANBOX
https://yuji-ap.fanbox.cc/

ゲームUIネット
https://game-ui.net/

Transcript

1. DOTweenという 神アセットの話 2020/7/31 yokohama.unity ゆーじ 全人類にすすめたい
2. 自己紹介 ゆーじ (@yuji_ap) 最近のマイブーム DOTween コードを書いてほぼ全てのものを アニメーション化できるアセット
3. 本日のおしながき
4. 入門編　　これだけ覚えればOK DOTweenについて話します 基礎編　　イージングの選び方 実践編　　コンソール画面を作ってみよう
5. これだけ覚えればOK 入門編
6. これだけ覚えればOK
7. コードエディタのインテリセンスが できることを一覧表示してくれる DOTweenは全てのコードに XMLコメントが付けられている インテリセンスにお任せ
8. .DO .Set .On を書け！ 入門編 まとめ
9. イージングの選び方 基礎編
10. Linear Sine Quad Cubic Quart Quint イージングが多すぎて分からない！ Expo Circ Elastic Back Bounce Flash 36 In Out InOut 種類 だいたい
11. Linear Sine Quad Cubic Quart Quint イージングが多すぎて分からない！ Expo Circ Elastic Back Bounce Flash 36 種類 In Out InOut だいたい まずは 　　　　 4種類でOK
12. OutQuad InQuad OutBack InBack イージング使い分け だいたいコレでOK。デフォルト設定。 クリア時の演出とか。ユーザー操作の直後はNG ダイアログやボタンの表示とか。（ポップめ） ダイアログやボタンの非表示とか。（ポップめ）
13. OutQuad InQuad OutBack InBack イージング使い分け だいたいコレでOK。デフォルト設定。 クリア時の演出とか。ユーザー操作の直後はNG ダイアログやボタンの表示とか。（ポップめ） ダイアログやボタンの非表示とか。（ポップめ） 緩急が足りないな〜って時は Quad < Cubic < Quart < Quint < Expo バネとか波とか 数学的に妥当な場合は Sine 意図的に一定速度で 動かしたい場合は Linear
14. まずは QuadとBack を使え！ 基礎編 まとめ
15. コンソール画面を作ってみよう 応用編
16. 完成品
17. TextMeshProの拡張メソッド 1文字ずつ表示するアニメーションが簡単に実装できる “DOTweenはいいぞ” という文字列が1秒かけて1文字ずつ表示される 一定速度で表示したいのでEase.Linearに変更 DOText Pro版 の み
18. scrambleModeを指定することで、 まだ表示されていない部分にランダムに文字を表示できる ScrambleMode.Customの場合はscrambleCharsに文字列を指定する DOTextの応用技 Pro版 の み
19. MaterialクラスのDOOffset 「1秒かけて上に1画像分スクロールする」を無限ループ 画像のTextureTypeはSprite(2D and UI)のまま、WrapModeをRepeatに 他のとこでも使ってるMaterialでやると、そっちにも反映されてしまう 　　→専用のMaterialを作ってやること！ 　　　特にDefault UI Materialを使っている時は注意 UIの無限スクロール
20. 完成品
21. DOTextのscramble面白い DOOffsetで簡単UIスクロール 応用編 まとめ
22. さいごに
23. ドット絵謎解きアドベンチャー『ボクノシメイ』を開発中 　　　　　　　　　　　　　 『ボクノシメイ』開発中 https://yuji-ap.fanbox.cc/ 無 料 記 事 の み フ ォ ロ ー し て ね
24. ゲームUIネットというサイトでDOTween解説をしています。 メインはゲームUIについての記事を書いているのでこちらも是非！ 　　　　　　　　　　　　　 日本一DOTweenに詳しいサイト(目標) https://game-ui.net/
25. DOTweenは神 本日のまとめ ありがとうございました