Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
DOTween便利Tips集/dotween-tips
Search
ゆーじ
March 24, 2021
Programming
3
2.8k
DOTween便利Tips集/dotween-tips
知らなかった!DOTween便利Tips集
ゆーじ
March 24, 2021
Tweet
Share
More Decks by ゆーじ
See All by ゆーじ
モチベーションとモーションの話/motivation-and-motion
yusuke57
0
300
パズル制作と絵作り(ドット絵)の話 / u1w-clones
yusuke57
0
370
DOTweenという神アセットの話 / DOTween-god-asset
yusuke57
0
1.3k
UI/UXを意識して 超快適なゲーム作ってみた / Push
yusuke57
1
600
Other Decks in Programming
See All in Programming
AHC041解説
terryu16
0
400
React 19でお手軽にCSS-in-JSを自作する
yukukotani
5
570
ErdMap: Thinking about a map for Rails applications
makicamel
1
660
PHPで作るWebSocketサーバー ~リアクティブなアプリケーションを知るために~ / WebSocket Server in PHP - To know reactive applications
seike460
PRO
2
770
2025.01.17_Sansan × DMM.swift
riofujimon
2
560
歴史と現在から考えるスケーラブルなソフトウェア開発のプラクティス
i10416
0
300
rails newと同時に型を書く
aki19035vc
5
710
ATDDで素早く安定した デリバリを実現しよう!
tonnsama
1
1.9k
CQRS+ES の力を使って効果を感じる / Feel the effects of using the power of CQRS+ES
seike460
PRO
0
240
Swiftコンパイラ超入門+async関数の仕組み
shiz
0
180
php-conference-japan-2024
tasuku43
0
430
Jaspr Dart Web Framework 박제창 @Devfest 2024
itsmedreamwalker
0
150
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
192
16k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
Designing for Performance
lara
604
68k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Speed Design
sergeychernyshev
25
740
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.5k
Visualization
eitanlees
146
15k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
What's in a price? How to price your products and services
michaelherold
244
12k
Scaling GitHub
holman
459
140k
Building Your Own Lightsaber
phodgson
104
6.2k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Transcript
8 min Gotanda.unity #17 ゆーじ @yuji_ap
自己紹介 『CUBE CLONES』 AppStore / GooglePlay 370円 DOTweenやUIデザインが好きなエンジニア 最近パズルゲームをリリースしました
今日の内容 便利だけど知らない人がいそうなDOTweenの機能をパパッと7つ紹介 DOTween触ったことない方は、 これだけ覚えてもらえれば何となく理解できるかと思います...! [ 対象 ] [ 操作 ]
[ 値 ] [ 秒数 ] 自身を X方向に動かす 3まで 0.5秒間で
秒数に0を指定する 便利Tips ①
秒数に0を指定する position.xの値を変更したい場合 DOMoveX()で秒数に0を指定すれば、同じことが1行でできる
相対的な値を指定する 便利Tips ②
相対的な値を指定する 通常は絶対的な値を指定する SetRelative(true) で相対的な値を指定できる
timescaleを無視する 便利Tips ③
timescaleを無視する SetUpdate(true)をつけることでtimescaleを無視できる ちなみにTween自体のtimescaleは以下のように変えられる
開始時の値を指定する 便利Tips ④
開始時の値を指定する 通常は終了時の値を指定する From() で開始時の値を指定できる 開始時に第一引数の値に瞬時に変わり、元の値まで進む
一定時間後に処理実行する 便利Tips ⑤
一定時間後に処理実行する UniTask、コルーチン、Invokeメソッドなど 広く知られている方法がいくつかある DOTweenを入れていれば、 DOVirtual.DelayCall() でも実現できる
共通のパラメータを使う 便利Tips ⑥
共通のパラメータを使う TweenParams型の変数にメソッドチェインでパラメータを指定することで、 パラメータのプリセットのようなものが作れる SetAs() でTweenに適用できる →同じパラメータを複数Tweenで使い回すことができる
SetAs()の別の使い方 SetAs() は引数に直接Tweenを指定することもできる →パラメータをコピーできる
往復アニメーション 便利Tips ⑦
往復アニメーション Loop回数を2、LoopTypeをYoyoにすることで 往復アニメーションができる 時間の都合上省略するが、 Ease.Flash系でも似たことが実現できる
まとめ DOTweenは便利な使い方がたくさん! 使っていく中で見つける便利ハックみたいなものもあるが、 今回紹介したものも半分以上は公式ドキュメントに書いてある http://dotween.demigiant.com/documentation.php
おまけ DOTweenの逆引きサンプル集をいつか作りたい 完成しているUIアニメーションを提示して、 「これはDOTweenでどう作っているのか」を解説する形式 「動かせます」「色が変わります」は機能として分かるけど、 じゃあいい感じのアニメーションを作るには何を動かして何色に変えればいいの? →完成品を見て「これのこの部分を真似したい!」が効率的なのでは
Gotanda.unity #17 ゆーじ @yuji_ap ① 秒数に0を指定する DOMoveX(3f, 0) ② 相対的な値を指定する SetRelative(true) ③
timescaleを無視する SetUpdate(true) ④ 開始時の値を指定する From() ⑤ 一定時間後に処理実行する DOVirtual.DelayCall() ⑥ 共通のパラメータを使う TweenParams, SetAs() ⑦ 往復アニメーション SetLoops(2, LoopType.Yoyo)