【Unity】DOTweenをインストールする2種類の方法

こんにちは「DOTweenの教科書」執筆者のオオバです。

お悩みさん

DOTweenのインストール方法を知りたい

オオバ

本記事ではこれらの悩みを解決します。

DOTweenをインストールする方法はいくつかあります。 最も簡単なのはUnity Asset Storeからインポートすること です。DOTweenはインストールしたあと手順にのっとってセットアップすることで実際に利用できるようになります。

しかし、できればパッケージとしてインストールしたいという人もいるでしょう。オオバもその1人です。記事後半ではDOTweenをパッケージとしてインストールする方法をあわせて紹介します。パッケージにすることでUnityプロジェクト内がスッキリします。ぜひ最後まで読んでみてください。

👉DOTweenの教科書を読んでUnityアニメーションをプログラミングしてみよう！

方法①Unity Asset Store経由でDOTweenをインストール

購入したDOTweenをUnityにインストール
初回起動時のDOTweenのセットアップ

方法②OpenUPMを使ったDOTweenのインストール

Unityのパッケージとは？
DOTween公式がパッケージ対応していない
DOTweenをパッケージインストールするメリットとは？
OpenUPM CLIのインストール
OpenUPMからDOTweenを探してUnityにインストール

DOTweenをインストールする2つの方法まとめ

方法①Unity Asset Store経由でDOTweenをインストール

最初に紹介するのは、正攻法のUnity Asset Store経由でDOTweenをインストールする方法です。そこまで手間は掛かりません。ものの15分程度で作業は終了します。Unity初心者は本章で紹介する方法がおすすめします。

まずは事前にUnity Asset Storeで【無料】DOTweenを購入します。購入といっても無料ですので安心してください。

ではUnity Asset StoreのDOTweenページににアクセスします。

「Add To My Assets」をクリックすると自分のアセットに追加されUnityで使えるようになります。

以上で、Unity Asset Storeでの作業は完了です。一度購入してしまえば、以降購入する手順はスキップできます。

注意点としては有料版のDOTween「DOTween Pro」もUnity Asset Storeに並んでいます。初心者は無料版で十分です。DOTweenに慣れてきたらProも検討してみてください。

あわせて読みたい記事

【2024年版】Unityアセットストアで無料・有料アセットを購入する方法

初めての有料アセット購入は怖いです。しかも英語サイトで。日本語化して、Unityアセットストアで有料アセットを購入する方法を詳しく紹介してみます。

購入したDOTweenをUnityにインストール

Unity Asset Storeで購入したアセットは「PackageManager」を経由してインストールします。

※PackageManagerは使いますがパッケージとしてインストールされるわけではありません

メニュー Window > Package ManagerからPackage Managerウィンドウを開きます。次の操作をしてみてください。

タブをMy Assetsへ変更
DOTweenと検索すれば見つけやすいです
DOTween（HOTween v2）を選択
ImportまたはDownloadをクリック

Importボタンが押せない場合はDownloadボタンを押してください。するとダウンロードが始まります。ダウンロードが完了したらImportボタンを押せるようになります。

Importボタンをクリックしましょう。

初回起動時のDOTweenのセットアップ

インポートが完了するとDOTweenのウィンドウが表示されます。Open DOTween Utility Panelをクリックして設定画面に進みます。

Setup DOTweenボタンをクリックします。

しばらくすると上のような表示になるのでウィンドウを閉じます。これでインストールは完了です。

以上がUnity Asset Store経由のDOTweenのインストールの紹介でした。おそらく15分程度で作業は終わると思います。

方法②OpenUPMを使ったDOTweenのインストール

次に玄人向けDOTweenのインストール方法の紹介です。DOTweenを 「パッケージ」 としてインストールするのです。

Unityのパッケージとは？

Unityにはパッケージという単位で提供される機能があります。例えばシェーダーをノードベースで扱うShaderGraph、2Dアニメーションを作るためのワークフロー「2D Animation」、またUIシステムの「Unity UI」これらはすべてパッケージという形で提供されています。

パッケージはPackage Managerをとおして追加と削除ができます。本記事では割愛しますが、パッケージはUnity社が提供する機能だけではなく開発者の製品もパッケージで提供、管理することも可能です。

Package Managerの利点は追加と削除が容易だということです。Package Managerウィンドウ上で、簡単に機能の管理ができるのはとても利便性が高いと言えます。Unityプロジェクト内のソースコードとは独立した形で管理されているため、間違えて消してしまうこともありません。

話を戻すと、DOTweenもこのパッケージを使ってインストールすると便利ですよということが言いたい章となります。

DOTween公式がパッケージ対応していない

DOTweenの公式はパッケージに対応していません。パッケージ化するためにはルールが必要で、専用のファイル構成やファイルの書式が求められます。そこで 「OpenUPM」 からDOTweenをインストールします。

OpenUPMとはFavo Yangさんが開発する、オープンソースのUnity Package Manager（UPM）をホスティングし、構築するためのサービスです。つまりOpenUPMにアップロードされているパッケージは自分のプロジェクトに簡単にインストールできるということです。

DOTweenをパッケージインストールするメリットとは？

普通にUnity Asset Storeからインストールすればよいのでは？と思う方もいると思います。しかしパッケージには以下のメリットがあります。

パッケージインストールするメリット

Unityプロジェクト内のファイルが減ってスッキリ
間違った依存関係の解消
再コンパイル対象のソースが減り多少コンパイル時間が短くなる

パッケージはUnityプロジェクト内のソースコードから切り離された存在になります。つまりUnityプロジェクト内のソースコードからパッケージは参照できますが、パッケージ側からUnityプロジェクト内のソースコードは参照できない（されない）ということです。

この関係性により間違った参照や依存関係を作ることを避けられ、安全に開発を進めることができるのです。

では、ここから実際にOpenUPMを使ってUnityにDOTweenをインストールしていきます。

OpenUPM CLIのインストール

今回はコマンドを使ってOpenUPMを使用する方法を紹介します。まずは「OpenUPM CLI」をインストールします。「OpenUPM CLI」がnpmで提供されています。本記事では割愛しますが、事前にNode.jsをインストールし、以下のnpmコマンドでOpenUPM CLIをインストールしましょう。

$ npm install -g openupm-cli

「-g」を付けることで、どこからでもOpenUPM CLIが使えるようになります。

OpenUPMからDOTweenを探してUnityにインストール

DOTweenをインストールするにあたり、DOTweenのパッケージ名を知る必要があります。なぜなら、OpenUPMはnpmと同様パッケージ名をキーにしてインストールするからです。そこで、OpenUPM CLIの 「searchコマンド」 を使ってDOTweenのパッケージ名を探します。以下のコマンドを実行してみましょう。