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