【初心者向け】UnityプロジェクトにGitを導入しGitHubと連携する手順

はじめに

GitHubの価格が改定され、無料で非公開リポジトリが作れるようになりました。

Gitを使うとこんなことができます。

• アセット入れたらおかしくなった！ -> 戻せます。（簡単）
• 昨日まで動いてたのに... -> 戻せます。（簡単）
• 突然PCが壊れた！！ -> 戻せます。（GitHubから別のPCに）（そこそこ簡単）
• WinとMacで作業したい -> できます。（ちょっと難しい）
• 複数人で共同開発したい -> できます。（ちょっと難しい）

もしフォルダをコピーしてバックアップしているのなら、Gitを覚えると全く違った体験が待っています。

一人でバックアップ代わり使う分にはそんなに難しくないので多くの人にぜひ使ってほしいと思います。

この記事ではUnityプロジェクトを作ってからGitの初期設定を行い、GitHubにアップロード（プッシュ）するところまでを画像付きで紹介します。

今日紹介する方法はあくまで一例ですが、ある程度の参考になれば幸いです。

環境

以下を想定しています。Windowsでも同じ感じでいけるはず。

• Mac OS X
• Unity 2018.3.0f2（Unityバージョンはなんでもいいです）
• GitはコマンドラインではなくSourceTreeを使用
• SourceTree 3.0.1

Git管理を始める手順

では早速やってみましょう。

ローカルにプロジェクトを作る

練習用にプロジェクトを作ります。

• Unityで新規プロジェクトを作ります。
  • 
• できました
  • 
• 今日はGitの練習なのでもうUnityは閉じて大丈夫です。
• Finder（Windowsの場合はエクスプローラ）をみてみると、下記のようなフォルダ構成ができています。
  • 

このプロジェクトをGitで管理できるようにし、GitHubへもアップロードします。

プロジェクトフォルダをローカルリポジトリにする

SourceTreeをお持ちでない場合は入れておいてください。

Gitを使うためのGUIツールは他にもForkやGitKrackenとか色々ありますが、一番使われてそうな気がするSourceTreeで説明します。

• SourceTreeを起動する

  • 

• 新規 -> ローカルリポジトリを作成

  • 
• プロジェクトフォルダを指定します。
  • 
  • リモートリポジトリは作成しない。でOK。
• 一覧に追加されました。
  • 
  • 大きな数字（ここでは1870）が出てますがとりあえず無視してください。
• 一覧からリポジトリ名をクリックすると詳細画面が開きます。
  • 
  • 以後この画面を操作します。

GitHubにリモートリポジトリを作成する

GitHubのアカウントをお持ちでない場合は作成しておいてください。

• ブラウザでGitHubにログインし、右上の + から New repository を選びます。
  • 
• リポジトリ名などを入力して作成します。
  • この時、 .gitignore のところで Unity を選択するようにしましょう。
  • 
• 作成に成功すると、 https://github.com/[ユーザー名]/[プロジェクト名] のようなURLで下記ページが表示されます。
  • 作成時のオプションを選択していれば、すでに .gitignore というファイルが存在しているはずです。
  • 
• この画面にある Clone or Download というボタンから、 https:// で始まるURLをコピーします。
  • 
  • コピーした文字列は次の手順で使います。

ローカルリポジトリとリモートリポジトリを接続する

先ほど作ったローカルリポジトリに、リモートリポジトリはここだよ。と教えてあげる設定をします。

• SourceTreeに戻ります。
• 右上にある設定を開き、リモートタブを選択します。
  • 
• リモートタブの 追加 を開き、先ほどコピーしたURLを入力します。
  • リモートの名前は origin としましょう。（これは何でもいいのですが慣習的にoriginを使う場合が多いです）
  • 
• リモートタブに追加されたことを確認します。
  • 

リモートリポジトリをダウンロード（クローン）して、 .gitignore ファイルをローカルに作る

.gitignore というファイルは、 どのファイルをgitから無視するか。 という設定ファイルです。
GitHubではリポジトリ作成時に選ぶだけで、Unity用の一般的な設定ファイルを作ってくれます。
このファイルはまだリモートリポジトリにしか存在しないので、ローカルに取り込みます。

• 引き続きSourceTreeで操作します。
• メニューにある プル を押します。
  • 
• ダイアログが出てくるので、 プルするリモートのブランチで master を選択します。
  • 選択肢に出てこない場合は 更新 を押すと出てくると思います。
  • 
  • OKを押して閉じる。
• プルしています〜 と表示されたのち、うまくいけばダイアログが閉じてリポジトリ詳細画面に戻ります。
  • 
• ここまでうまくいっていれば、先ほど出ていた数字がかなり減っているかと思います。
  • （ .gitignore というファイルが作られ、管理しなくて良いフォルダ（LibraryとかTemp等）が管理対象外となったため数字が減りました）
  • 

コミットしよう

ここからやっとプロジェクトファイルをコミットしていきます。

• 対象ファイルを選択 -> メッセージをいれて -> コミット
  • 
• まっさらになって数字も消えました。コミット完了。
  • 
• ちゃんと履歴としては存在しています。
  • 

プッシュしよう

• SourceTreeで履歴画面をみると、 origin/master から上方向に master が伸びています
  • 
  • origin/master はGitHubの状態
  • master はローカルの状態
  • これは origin/master に対して、 master の方が１コミット進んだ状態を表しています。
• この状態だと、進んだ分をGitHubにアップロード（プッシュ）することができます。
  • （もし origin/master と master が枝分かれしてるような形の場合はプッシュできません）
• プッシュ を選択 -> master にチェックを入れ -> OK
  • 
• 成功すれば origin/master と master が横並びになります。
  • 
• GitHubをリロードするとファイルが入っています。
  • 

準備完了

おつかれさまでした。

これでUnityのプロジェクトファイル一式をGit管理下におき、さらにGitHubへプッシュ（アップロード）することができました。

私はこの手順を、Unityプロジェクトを作ったら毎回行なっています。

これ以降は、キリのいいタイミング（１つの機能が完成したとか、１日の終わりに、とかいつでもいいです）でコミット＆プッシュをしていくだけです。

こうしておくと、何かあってもGitの機能で古い時点のファイルに戻せますし、GitHubにアップロードしてあるので突然PCが壊れてもプロジェクトは守られます。

機能追加する前にコミットする癖をつければ、何かあっても必ずそこまでは戻せるので心理的な安心感が違います。

今回はGitの使い方詳細については触れませんでしたので、書籍やネットの記事を参考にしてください。

わかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、SourceTree〉

ぜひGitを使いこなして快適なUnityライフをお過ごしください〜。

#unity1week Meetup in Tokyo2019 が開催されました！

概要

Unity1週間ゲームジャム(unity1week)

私の運営しているunityroomでは、不定期で 1週間でゲームを作って公開しよう！ という趣旨のオンラインイベントを開催しています。

unityroom.com

展示交流会が開催されました

上記オンラインイベントの参加者限定で、2018年1月12日(土)にゲーム展示交流会を開催しました。

meetup.unity3d.jp

前後半90分ずつに分けて、合計28作品の展示が行われました。

私の知る限り、北は北海道、南は福岡から参加いただけたようです。

わざわざこのイベントのためだけに遠方から駆けつけてくれた方もいて大変ありがたく思います。

当日の様子

写真

まずいもの写ってたら消しますのでご連絡ください。

• 会場
  • 新しいUnityさんのオフィスは、広くて綺麗でとても快適な空間でした。
  • 
• おにぎり
  • 参加者の皆さんにおいしいおにぎりが提供されました。ごはんとおともさんのケータリングサービスだそうです。
  • 
• 展示風景
  • 前後半14組ずつの展示。終始賑わっており３時間があっという間でした。
  • 

ツイート

当日のツイートを一部抜粋。

今日持ってくのはこちら。去年リリースしたかったアクションゲームです。まだまだ開発中で、是非プレイした感想が聞きたいので、遊んで頂きたいです。

#unity1week pic.twitter.com/A8T6fq5BWY

— ヤマト (@minotarow) January 12, 2019

設営完了！(言ってみたかったやつ #unity1week pic.twitter.com/6ZoPdp9bPI

— Ryosuke (@ryo620org) January 12, 2019

#unity1week
設営完了！
ドココドのハジメテを貰ってください pic.twitter.com/jLc5aJLxHy

— よじすぎ (@yojsug) January 12, 2019

たんくろさん@tan_kuro の、「ひつじ牧場」#unity1week
お尻が可愛いいい😍 pic.twitter.com/acqbtlMdvc

— はいき丸 (@haikimaru) 2019年1月12日

狼幼女くんの展示中〜。盛り上がってます^_^ #unity1week pic.twitter.com/Mjj6P9vyUl

— たなかゆう (@am1tanaka) January 12, 2019

.@ryo620org さんの「トアルボクス」、スゲ～よかったです。Switchででそう… #unity1week pic.twitter.com/PIvkDiqkKX

— トモぞヴP (@TomozoP) 2019年1月12日

#Unity1week MeetUpありがとうございました
本当に様々な職種、学校の方がいらっしゃり、一人一人の思う“ゲーム”があり、素晴らしい空間でした

いつか私達も、皆さんに１つの“ゲーム”をお届けできるよう、精進して参ります

スタッフの方々含め、本日は本当にありがとうございました pic.twitter.com/GnH04fi94V

— 四季GameStudio＠個人ゲーム開発 (@ShikiGameStudio) 2019年1月12日

#unity1week
試遊会でたくさんご意見もらったので、忘れないうちにテキストに起こしておこう。
相反する意見もあったので全てをゲームに盛り込むことはできないけど、仕様を深掘りするための大きなヒントは頂けた気がする。
やっぱり目の前で遊んでもらうって大事だなあ。

— ガンズターン公式 (@gunsturn_tw) 2019年1月12日

Unity1week Meetupに短い時間だったけど参加出来てよかった！
クリエイターとしての心が回復した気がする。#unity1week pic.twitter.com/9R8GHxaGfW

— うら干物 (@urahimono_maigo) January 12, 2019

撤収しました。みなさん、ありがとうございました。
やっぱり、すっごーいとたのしーで会話できる空間が楽しすぎました。

クリエイターかくあるべし！#unity1week pic.twitter.com/9mtuBxhJVt

— 麻々ソーマ (@asama_souma) 2019年1月12日

今回のミートアップ、アイコンバッヂが絶大な効果を発揮したので帰ったら「イベントの渡り方」的な記事をかいてもよいかもしれない… #unity1week pic.twitter.com/yK39ON3aKL

— トモぞヴP (@TomozoP) 2019年1月12日

今日イチでビビッと来たのはこーひーあーる（@plus_marumaru ）さんの 『RePainter』でした。 #unity1week pic.twitter.com/qhvlL42M2h

— トモぞヴP (@TomozoP) January 12, 2019

#unity1week ほんとにすごい会だった。。naichiさんに感謝。
そして試遊いただいた方々ありがとうございました。センスが素晴らしかったので、ハイライトをお送りします。 pic.twitter.com/Pj9nXtxKyS

— こーひーあーる (@plus_marumaru) 2019年1月12日

楽しくまた、為になる時間をありがとうございました
二次会には行けませんてましたが
今後もよろしくお願いします
肉アツステーキの人でした#unity1week pic.twitter.com/KBrZ5HzWA6

— しもむ〜 (@simomutter) 2019年1月12日

ラーメンのアドバイス色々いただけてとても楽しい #unity1week でした。ありがとうございました。次の1weekで、作品という名の魂の語らいでまた熱いトークをしましょう。

— tatsunoru@DOFI (@tatsunoru) 2019年1月12日

Looking Glassというホログラムディスプレイ、動画で伝わるかな
可愛い3Dとマッチしてて良かった#unity1week pic.twitter.com/VE6EFA7gVq

— Ryosuke (@ryo620org) January 12, 2019

こんな感じで設営してました!
遊んでいただいた方、感想、改善提案等、ありがとうございました。
このような形で展示は初めてだったのでとても緊張していましたが、
学びもあり、開発欲に繋がる良い場となりました。#unity1week pic.twitter.com/4vGOLD0o59

— はこね (@hakone_san) 2019年1月12日

Unity1week Meetup 行ってきました。初めてゲームを目の前でプレイしてもらったりアドバイス頂いたり色んな方とお会いできたり、とてもいい経験をしました
ありがとうございました！#unity1week

— なかなか (@oioinknk3you) 2019年1月12日

今日はUnity1week meet Upに参加させていただきました。Unityの会社見学もでき、1週間でゲームを作っちゃうすごい人たちとお話しさせていただき楽しかったです～！それもこれもUnityの中の人達やUnityroomのnaichiさん、スタッフの皆さんのおかげです。ありがとうございました。
#unity1week pic.twitter.com/Eh9CNJTx0f

— DSPSE (@DSPSE_carnal) 2019年1月12日

#unity1week meetupおつかれさまでした😃みなさんとお話ができてとても楽しかったです！　初めてのゲーム展示で感想やアドバイスをいただいて、反省点もあり、とても勉強になりました。ありがとうございました！

— たんくろ (@tan_kuro) 2019年1月12日

すべてのツイートはこちら https://twitter.com/search?f=tweets&vertical=default&q=%23unity1week%20since%3A2019-01-11%20until%3A2019-01-15&src=typd

お礼

開催にあたって会場提供および費用のご支援をいただきました Unity Technologies Japan 様

全面的な準備と司会進行をしてくださった青木ととさん

当日参加いただいた60名ものゲーム開発者の皆さん

さらには日頃からunityroomをご利用いただいている皆さん

ありがとうございました。心よりお礼申し上げます。

感想

普段なかなかお会いできない開発者の皆さんとお話しでき、非常に楽しい時間がすごせました。

作ってる人を知るとその人が作ったゲームを遊ぶのがより楽しくなりますよね。

私も後半展示してアドバイスをもらい、がんばってゲームを作らなきゃ！とモチベーションが湧きました。

新作リリースできるまでがんばります。

ありがとうございました！！また来年お会いできることを願っています！

【Unity】エディタ再生中にスクリプトを変更した場合の挙動を選ぶ

環境

• Mac OSX Mojave
• Unity 2018.3

やりたいこと

Unityはエディタ上で簡単に再生できてTry&Errorしやすいです。

1. スクリプト書く
2. エディタ再生して確認する
3. スクリプト書き換える
4. 自動コンパイルされる
5. エディタ再生を止める
6. エディタ再生して確認する

こんな感じで作業してるんですが、５、６が地味に面倒だと感じていました。

この手順を無くせる設定が増えてたのでメモしときます。

解決方法

Preference -> General -> Script Changes While Playing

Recompile And Continue Playing

デフォルトです。

スクリプトの変更を検知してUnityエディタが勝手にリコンパイルしてくれますが、再生は止まりません。

そのままエディタ実行を続けると色々エラーしますよね？？私はかならず操作やめるんですがもしかしてプレイし続けられたりする・・・？

Recompile After Finished Playing

再生を止めるまでリコンパイルしません。スペックの低いPCだと結構嬉しいかも。ちょっと変更してエディタアクティブにするだけでがっつりPCリソース持っていかれるので・・・。

これは再生中のゲームみながらスクリプト調整する場合なんかに便利ですね。

Stop Playing And Recompile

変更を検知したら自動で再生を止めてくれます。変更したらすぐに再確認したい場合はこれが便利そう。

まとめ

この項目、前はなかったですよね？

Stop Playing And Recompile でしばらく使ってみようかな。

Stop Playing And Recompile And Re-Play があれば最高だった！

【Unity】RiderでUniTask使うとエラー「The return type of an async method must be void, Task or Task<T>」が出る

環境

• MacOSX Mojave 10.14.2
• Unity 2018.3.0f2
• Rider 2018.3

概要

タイトルの通り、RiderでUniTaskを使ってこんな感じのコードを書くと、

async UniTask Hoge()
{
    //コード
}

こういうエラーが出る。

The return type of an async method must be void, Task or Task<T>  

asyncメソッドは void か Task か Task<T> を返せやコラーってことらしい。

ちなみにUnityエディタ側のコンソールにはエラー出ていないし実行も可能。

解決方法

Unity 2018.3をRiderで開発しているときに、C# 7.3を使うためにはここを上書きする必要がある。 pic.twitter.com/qoQp9q1U08

— とりすーぷ (@toRisouP) 2018年12月18日

1. Unity -> Preference -> Rider -> Override LangVersionにチェックを入れる。
2. LangVersionを7.3にする。
3. Unityを再起動

これでエラー全部消えました。

さすがとりすーぷ先生。

ギルドでポロっと呟いたら即答もらえた。ありがたや〜。

2019.08.26 再発

Unity 2019.2.1f1 と Rider 2019.2.1 を使ってて、突然再発しました。

色々ググった結果、

Rider -> Preferences -> Build, Execution, Deployment -> Toolset and Build

にある Mono executable path と Use MSBuild version が古いUnityのままだったのでこれを選びなおしたらエラーは消えました。

【unity】Unity5.5から2018.2にあげたらTextMeshProがめっちゃエラーした

すでにいろんな人が散々書いてますが自分も遭遇したのでメモ

何が起きた

• 5.5.1f1で作ってたプロジェクトを久々に開いた
• 2018.2.5f1に更新された。
• いっぱいエラー出た（46個）

エラー例

Multiple plugins with the same name 'tmpro_plugin' (found at 'Packages/com.unity.textmeshpro/Plugins/64 Bit Plugins/TMPro_Plugin.bundle' and 'Assets/TextMesh Pro/Plugins/64 Bit Plugins/TMPro_Plugin.bundle'). That means one or more plugins are set to be compatible with Editor. Only one plugin at the time can be used by Editor.

Assets/TextMesh Pro/Scripts/TextMeshProUGUI.cs(72,21): error CS0103: The name `m_canvasRenderer' does not exist in the current context

Assets/TextMesh Pro/Scripts/TMP_Text.cs(276,35): error CS0121: The call is ambiguous between the following methods or properties: `TMPro.TMPro_ExtensionMethods.Compare(this UnityEngine.Color32, UnityEngine.Color32)' and `TMPro.TMPro_ExtensionMethods.Compare(this UnityEngine.Color32, UnityEngine.Color32)'

原因

• TextMeshProが２箇所に入ってる
  • Assets/TextMesh Pro 5.5のときにアセットを導入してインストールされたフォルダ
  • Packages/TextMesh Pro 2018でPackageManager経由でインストールされたフォルダ

=> Assets以下のTextMeshProを消せばどうにかなりそうです。

対処

1. Assets 以下のTextMeshProフォルダを消す

丸ごと消す。

エラーが４つに減りましたが下記が残ってました。

Multiple plugins with the same name 'tmpro_plugin' (found at 'Packages/com.unity.textmeshpro/Plugins/64 Bit Plugins/TMPro_Plugin.bundle' and 'Assets/TextMesh Pro/Plugins/64 Bit Plugins/TMPro_Plugin.bundle'). That means one or more plugins are set to be compatible with Editor. Only one plugin at the time can be used by Editor.

Unityエディタを開き直したらエラーは消えました。

2. TextMeshPro必須リソースを取り込む

メニュー -> Window -> TextMeshPro -> Import TMP Essential Resources

これで新しいTextMeshProで最低限必要なシェーダーやフォントアセット等が作られます。

インポート先は Assets/TextMesh Pro で、消したフォルダと同じ場所ですがこれはこのままで大丈夫。

3. 新旧スクリプトの置き換え

メニュー -> Window -> TextMeshPro -> Project Files GUID Remapping Tool

Scan -> Save

まとめ

ひさびさにプロジェクト開くと怖いですね。

TextMeshProは市販アセットからUnity公式アセットになってインストール方法も大きく変わりました。

ちょっと怖かったですが無事移行完了してホッとしました。

Gyazoのアクセストークンを取得する方法

概要

gyazo.com

• Gyazoという便利な画像アップローダサービスがある。
• プログラムからアップロードするためのアクセストークンを取得する方法をまとめておきます。

書いた日

• 2018/09/17

Gyazoにユーザー新規登録

すでに登録済みの人はアプリケーションの登録まで飛ばしてください。

• TOP画面へアクセス Gyazoへようこそ : スクリーンショットの瞬間共有
  • メアドとかで登録〜って感じではないみたい
• ダウンロード
  • 
• インストールしたGyazoアプリを起動
  • するといきなり範囲指定カーソルになるので適当に指定。
  • 
  • すんなりと画像アップロード成功
• 表示されたページ内に登録フォームがあるので入力
  • 
• 届いたメールに記載のリンクをクリックして登録完了〜。

アプリケーション登録

• ログイン後、こちらのページへアクセス Gyazo
• アプリケーションを登録 をクリック
  • 
• さらに New Application
  • 
• アプリケーション名を入れて Submit
  • callback urlは適当でいいみたい
  • 
• 作成したアプリを選択
  • 
• access token を generate
  • 
• できた
  • 
  • これをメモしておきます。

【Unity】Isometric 2.5D Toolsetを使ってクォータービュー（Isometric Tilemap）のゲームを作ろう

はじめに

こんにちは、 @naichilab です。

この記事は Unity アセット真夏のアドベントカレンダー 2018 Summer! 22日目の記事です。

昨日は @xiumidaさんの 【アドカレ 2018】Closing Creditsでスタッフロールを作るでした。アセットの更新止まっちゃってるのが残念ですがとても便利そうです！

さて、本記事では Isometric 2.5D Toolset というクォータービューのタイルマップを扱えるアセットを紹介したいと思います。

目次

環境

• Unity 2018.2.3f1
• Isometric 2.5D Toolset 3.0.3 (2018/08/15リリース)

クォータービューって？

Googleで画像検索するとこんな感じ。

クォータービューは和製英語らしいので Isometric Tile とかで調べた方が情報は多いかもしれません

Isometric 2.5D Toolset について

今回紹介する Isometric 2.5D Toolset はアイソメトリックタイルを使ったゲームを作りやすくしてくれるアセットです。

エディター上でのタイル配置、前後関係のソート、物理演算、3Dモデルとの併用など、いろんな機能を提供してくれます。

クォータービューの箱庭ゲームを作ろうと思って色々アセットを購入して比較しましたが、このアセットが一番求めているものに近かったので使っています。

とりあえず使ってみる

このアセットがどんな感じか知ってもらうために利用開始までの手順をまとめておきます。

Isometric 2.5D Toolset をダウンロード＆インポート

1. アセットストアで購入してダウンロード
   • Isometric 2.5D Toolset | unity Asset Store
2. Unityにインポートします。
   • 

IsoWorld を設置

Isometric 2.5D Toolset では、 IsoWorld というスクリプトをつけたオブジェクトが必須です。 まずはそれを作ります。

1. Hierarchy -> Create -> Create Empty
2. 名前は IsoWorld とします。
3. Position も 0,0,0 にしておきましょう。（別にずれててもいいですけど）
   • 
4. さらに AddComponent -> IsoWorld を追加します。
   • 
5. こんな感じ
   • 

同一シーンに IsoWorld を複数設置することもできます。

IsoObject を設置

IsoWorld を設置したら、その子供に IsoObject を作っていきます。

1. IsoWorld を選択して再度 Create Empty します。
2. 名前は IsoObject にします。（ Floor とか、 Table とか分かりやすい名前をつけてもいいです）
3. Add Componentから IsoObject コンポーネントを付与。
4. こんな感じになります。
   • 
5. このままでは分かりづらいので下記チェックを入れましょう
   • Editor Only -> Show Iso Bounds
   • Editor Only -> Show Screen Bounds
   • 
6. すると Scene ビューに六角形が表示されます。
   • 

タイルサイズを決める

IsoWorld の World Settings で各タイルのサイズを決めます。

今回は分かりやすく 1dot = 1m になるように設定してみます。

例えば下記のような 32px x 16px の画像を使う場合、

Tile Size と Tile Height を 16 にして、下記のようにします。

項目	値
Tile Size	16
Tile Ratio	0.5
Tile Angle	45
Tile Height	16

試しにサイズが 32 x 16 のCubeと重ねて見るとこんな感じ。

ちゃんとCubeとひし形が重なりました。

等角以外のタイルについて

Tile Ratio や Tile Angle を変えると等角投影以外のタイルにも対応できます。

Tile Ratio を変更した場合、見下ろす角度が変わります。

Tile Angle を変更した場合、左右の角度が均一ではなくなります。

Isometric = 等角ではないタイルはなんて呼ぶんでしょうね？

今回の記事では等角のまま（TileRatio=0.5、 TileAngle=45）で進めます。

タイル画像を用意

タイルサイズを決めたら画像を用意します。

• この記事では今作ってるゲームの画像を使います。
  • 

インポートした Isometric 2.5D Toolset にもサンプル画像が含まれてるので特に用意しなくても試せます。

ドット絵タイル画像の自作について

自分は絵がかけないのでデザイナさん頑張ってとしか言えないのですが、
32px x 16px を基準にする場合、32px x 15px を積み重ねるように描くと綺麗に敷き詰められるようです。

32x15 でひし形を用意

厚み1pxで緑を重ねるとこんな感じ

ぴったり並びました。

Isometric 2.5D Toolset では、IsoObject の高さを0にすると同じ高さ同士でのソート順がおかしくなることがあります。 なので上記のような薄っぺらいオブジェクトも、1px分の厚みがあるものとして設定していきます。

テクスチャのインポート設定

1. 用意した画像をUnityに放り込みます。
   • 
2. テクスチャ設定を変更します。
   • TextureType = Sprite(2D and UI)
   • Pixels Per Unit = 1 (画像サイズとタイルサイズの兼ね合いで調整してください)
   • Pivot = Bottom
   • Generate Physics Shape = false （不要）
   • Filter Mode = Point (no filter) （ドット絵なのでOFF）
   • 
3. 変更したら Apply

IsoObject にSpriteをつける

やっとタイル設定と画像の取り込みが終わったのでシーンに配置していきます。

1. IsoObject の子として 2D Object -> Sprite を追加します。
   • 
2. Sprite のインスペクタから画像を選択します。
   • 
   • ひし形に合うように表示されました。
   • 位置があってない場合はSpriteを移動させてしまえば大丈夫です。
3. IsoObject を選択し、Sizeを変更する
   • この画像は高さ1pxなので、1/16 を入力します。（ IsoWorld の設定で Tile Height を16にしたので1dot = 1/16）
   • 
   • 赤線がぴったり合いました。
4. IsoObject の名前を分かりやすく変更し、Prefabにでもしておきましょう。
   • 

タイルを並べる

1. 作ったPrefabをHierarychyビューにドラッグするか、直接 IsoObject を Ctrl+D や cmd+D で複製します。
   • 
2. それぞれの IsoObject を自由に移動します。
   • 
   • 綺麗に並びました。

IsoObject のドラッグ移動が楽々

IsoObject を選択した場合のGizmoはこんな感じです。

XYの線（赤と緑）が斜め上方向に伸びています。
IsoObject のXYZ座標はWorldのXYZ座標と一致していないので、専用のハンドルが用意されています。

そしてこのハンドルはスナップが効くようになっているので整列させるのが非常に楽です。

他の形も並べてみる

同様に幅や高さの違う IsoObject を作ってみました。

• 茂み（IsoSize = 1x1x1）
• 木（IsoSize = 1x1x5）
• テーブル（IsoSize = 1x2x1）

適当に移動してもいい感じに整列してくれます。

Sceneビューを3D表示にすると常にソートされていることがよく分かります。

その他の小ネタ

物理演算したい

IsoRigidbody コンポーネントを使えば可能です。

• 茂みに IsoRigidbody と IsoBoxCollider をつけました。
  • 
• 床に IsoBoxCollider をつけました。
  • 

これだけでちゃんと重力を扱ってくれます。便利。

クリックされた場所のIsoWorld座標を取得したい

IsoWorld の MouseIsoPosition が使えます。

using UnityEngine;
using IsoTools;

public class Sample : MonoBehaviour
{
    void Update()
    {
        var iso_world = IsoWorld.GetWorld(0);
        if (iso_world && Input.GetMouseButtonDown(0))
        {
            var iso_mouse_pos = iso_world.MouseIsoPosition(0);
            Debug.Log("クリックしたIso座標は[" + iso_mouse_pos + "]です。");
        }
    }
}

たったこれだけ。

クリックされたIsoObjectを取得したい

IsoPhysics の Raycast を使います。（IsoObjectにIsoColliderをつけておく必要があります）

using UnityEngine;
using IsoTools;
using IsoTools.Physics;

public class Sample : MonoBehaviour
{
    static IsoRaycastHit[] _raycastBuffer = new IsoRaycastHit[16];

    void Update()
    {
        //クリック座標の下にあるIsoObjectsを取得
        var iso_world = IsoWorld.GetWorld(0);
        if (iso_world && Input.GetMouseButtonDown(0))
        {
            var iso_mouse_pos = iso_world.MouseIsoPosition(0);
            var ray_from_iso_camera = iso_world.RayFromIsoCameraToIsoPoint(iso_mouse_pos);
            var hit_count = IsoPhysics.RaycastNonAlloc(ray_from_iso_camera, _raycastBuffer);
            for (var i = 0; i < hit_count; ++i)
            {
                IsoRaycastHit hit = _raycastBuffer[i];
                Debug.Log(hit.collider.gameObject.name + "をクリックしました。");
            }
        }
    }
}

困ったら？

とりあえず公式フォーラムを読み漁りましょう！

https://forum.unity.com/threads/v3-0-1-isometric-2-5d-toolset.291418/

作者のblackmatさん、結構マメに返信してて好感が持てます。

最近もアセットの更新は続いてるようなので、フォーラムの返信も期待できます。

他のアセットとの比較

さて、Isometric 2.5D Toolset の基本的な機能は伝わったでしょうか？

アセットストアにはいくつかアイソメトリックタイル用のアセットがあるので簡単に比較してみます。

Ultimate Isometric Toolkit

すぐに見つかるのはこちらの Ultimate Isometric Toolkit かと思います。無料のLite版もあります。

こちらも専用のGizmoが用意されていますが、スナップ機能はないようです。

また、こちらのチュートリアル にあるように、タイルサイズより大きなSpriteは分割して扱う前提のようです。

物理演算やキャラクターコントローラ、パスファインディング等の機能もあるようですね。

Isometric Builder

こちらのアセット存在は知りませんでした。（この記事書いてて見つけました）

Youtubeのチュートリアル見る感じ、使いこなせればかなり強力そうです。

2Dタイルマップのオートタイル機能のようにドラッグでどんどんマップを作れるようなので、RPGとかどんどんマップ作っていく系のゲームには向いてそうですね。

ただちょっとフレームワークとして大掛かりすぎる気もします・・・。

Unity標準機能

Unity標準でもタイルマップ機能は提供されています。

Unity 2017.2から2Dタイルマップ、さらにUnity 2018.2から六角形の2Dタイルマップがサポートされました。

ただ、残念ながらアイソメトリックタイルは非対応です。

2D Experimental Preview には入ってるらしい？（ちょっと確認できなかった）
のでいずれ標準機能でサポートされるかもしれません。

自作する

Introduction to Isometric Movement in Games - YouTube

Isometric座標の計算自体はそれほど難しいものではなさそうなので、実装してみるのもいいかもしれません。

自分も最初は実装しようかと思ったのですが、タイルサイズを考慮してのソートが必要になると一気にややこしくなって諦めましたw

所感

いくつか見てきましたが、テーブルのようなXY長さがタイルサイズより大きいものをソートできるのは Isometric 2.5D Toolset だけでした。

固定サイズのブロックを並べていくような用途の場合、 Ultimate Isometric Toolkit や Isometric Builder の方が優れている点も多そうです。

宣伝

今日紹介した Isometric 2.5D Toolset を使って新作作ってます。

重ねられるようになった〜〜〜〜〜〜〜〜 #びはんとマルの森 pic.twitter.com/CM19Uhbusn

— naichi (@naichilab) July 10, 2018

森を開拓して建物を並べて〜といった森開拓シミュレーションになる予定です。

こちらのアカウントで情報出していくのでぜひフォローお願いします。

twitter.com

来年春ぐらいに出したい・・・な

まとめ

クォータービューのゲームはワクワクするのでみんな作りましょう！遊びたい！

と言うわけでUnity アセット真夏のアドベントカレンダー 2018 Summer!、22日目の記事でした。

明日は ラズさんです。お楽しみに〜。