【Unity】ProGrids の説明

#0 . もうすぐ統合される（された）というunityのProGridsについて

◆記事作成日：2019年4月14日

【説明に使用しているVersion】
unity : 2018.3.12f1
ProGrids : 2.5.0f0

1. [概要](https://qiita.com/ibasym/items/cd7c2c20d52c59a0a98a#1--%E6%A6%82%E8%A6%81)
2. [導入](https://qiita.com/ibasym/items/cd7c2c20d52c59a0a98a#2--%E5%B0%8E%E5%85%A5)
3. [説明](https://qiita.com/ibasym/items/cd7c2c20d52c59a0a98a#3--%E8%AA%AC%E6%98%8E)
 1. [ウィンドウを出そう](https://qiita.com/ibasym/items/cd7c2c20d52c59a0a98a#%E3%82%A6%E3%82%A3%E3%83%B3%E3%83%89%E3%82%A6%E3%82%92%E5%87%BA%E3%81%9D%E3%81%86)
 2. [画面の説明](https://qiita.com/ibasym/items/cd7c2c20d52c59a0a98a#%E7%94%BB%E9%9D%A2%E3%81%AE%E8%AA%AC%E6%98%8E)
 3. [①の設定ボタンからの設定](https://qiita.com/ibasym/items/cd7c2c20d52c59a0a98a#%E3%81%AE%E8%A8%AD%E5%AE%9A%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%8B%E3%82%89%E3%81%AE%E8%A8%AD%E5%AE%9A)
 4. [Preferencesからの設定](https://qiita.com/ibasym/items/cd7c2c20d52c59a0a98a#preferences%E3%81%8B%E3%82%89%E3%81%AE%E8%A8%AD%E5%AE%9A)
4. [おわりに](https://qiita.com/ibasym/items/cd7c2c20d52c59a0a98a#4--%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB)

#1 . 概要

**【ProGrids】**
unityのツールです。
グリッドを表示して、オブジェクトをスナップできる。
(格子を表示して、カチカチカチ、と格子刻みでオブジェクトを格子に吸着させて配置したりできるよ)

(スナップ機能自体はunityに元々あります。
 Commandキー押しながら動かすことで可能)

よくわからない項目があったので自分で自分に解説する用に書いた。
とてもよくわかる解説です。

#2 . 導入

Package Manager からインストールできるらしいが、
私はAsset Store から導入した。
<img width="604" alt="ProGrids2.x" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/6f755a30-0806-cbbb-1499-2b9294ce558d.png">
Asset Store から入手。 unity からの提供となる。


#3 . 説明

##ウィンドウを出そう

ProGridsの表示が画面に出ていないときは[Tools]からウィンドウを出そう。
<img width="462" alt="ウィンドウを出す画像" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/256e87af-c4e0-2e50-7c24-80b5edac44ad.png">
![ウィンドウを出すgif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/9b184394-e37a-7312-2d9f-6d9d9b877b49.gif)


##画面の説明


ドキュメントはここにある。
https://unity-technologies.github.io/procore-legacy-docs/progrids/progrids2-gh-pages/
(日本語で頼むわ)

**大体こんな感じ。**
<img width="580" alt="ねこ" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/56aef689-bc98-9f8c-17af-85ba1d76ae95.png">

![インタフェース](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/5f04131d-8846-3b37-eef7-2f12e13d44d2.png)

公式のドキュメントをグーグル翻訳して参考しつつ記述しています。


| アイコン       |説明|
|:-----------------:|:------------------|
|![めにゅーいち.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/7702f022-1fef-7b07-8f05-285f1e14195d.png)|スナップサイズが表示されている。<br>クリックしたら設定が開く。[↓](https://qiita.com/ibasym/items/cd7c2c20d52c59a0a98a#%E3%81%AE%E8%A8%AD%E5%AE%9A%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%8B%E3%82%89%E3%81%AE%E8%A8%AD%E5%AE%9A)|
|![めにゅーに.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/1a51cfd4-d046-33cd-3a79-4054ac22e714.png)|クリックするとグリッドの可視・不可視の切り替えができる。<br>![可視化gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/6339bd5a-7218-793b-e2d8-de716193c258.gif)|
|![めにゅーさん.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/029ff278-f244-f205-8e93-f39e964b05a5.png)|オブジェクトを移動するときのグリッドへの吸着を有効または無効にします。<br><br>・スナップON。カチカチうごく。<br>![スナップオン](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/b09f8b6f-a8ee-f8ee-0df7-d8a555397280.gif)<br>・スナップオフだと滑らかにうごく。<br>　④の、すぐにスナップ適用もしてみた様子。<br>![スナップオフ](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/89557840-6fe0-b835-4add-d0f753c5f3c9.gif)|
|![めにゅーよん.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/d39ab766-8596-d965-a4d5-2045243ad0a1.png)|即座にスナップを適用。<br>![まとめてスナップのgif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/b36b80f8-a211-f36b-e3b0-acf07a42f60d.gif)<br>まとめてスナップも可能。|
|![めにゅーご.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/04da807f-74d0-0407-d8c1-160fcfad69a9.png)|有効にすると、グリッドは自動的に現在の選択範囲の原点に位置を移動します。<br>無効（または「ロック」）にすると、グリッドはその位置に固定されたままになります。（自動翻訳したが意味がわからないので以下の画像を参照）<br><br>・ロックを解除するとグリッドがついてくる。![グリッドも一緒に動く](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/62800c50-4a39-05e4-3420-9982331bb8c9.gif)<br>・グリッドをロックすると固定され動かない。![グリッド動かない](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/620bef1b-0a7c-542a-e459-81fe3dbc0b7a.gif)|
|![めにゅーろく.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/eb0102a3-6f02-4fe8-0fa6-55a6266453b1.png)|平行投影(iso)モードかつ、正投影（ギズモの[X],[Y],[Z]を押した時のビュー）の時に現れる。<br>角度ガイドの可視・不可視切り替えができる。![角度ガイド](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/3f4b62f3-1c1a-a483-6aca-a179fbbf2bea.gif)|
|![めにゅーなな.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/aede9d92-c9fe-b3df-c91d-c0e11f6319c7.png)|・X,Y,Z(YZ,ZX,XY)各面のグリッドの可視化。<br>・3面まとめてグリッド表示各グリッド表示の切り替え。<br>　②の説明の画像も参考のこと。|

##①の設定ボタンからの設定

<img width="268" alt="設定ボタン" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/131111ce-f7da-20a6-e4d3-4037d9fb0749.png">

|設定|説明|
|-----|:----|
|⑩ Snap Value<br>　 (スナップ値)|グリッド間隔の設定。<br>![スナップ値](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/1a3073a9-2750-449b-0956-0bd3da84c52a.gif)|
|⑪ Major Line Increment|指定行ごとにラインを強調表示する。<br>㉑の説明を参照。|
|⑫ Snap On Scale|拡大・縮小操作時にもスナップを適用するか。<br>![snaponscale](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/4f4b5a8a-222b-ca43-ab4c-d0788bc0271a.gif)|
|⑬ Snap as Group|有効にすると、選択した複数のオブジェクトは移動時に互いの相対位置を保持します（google翻訳）。<br>意味わかるようでよくわからないので、画像で説明する。<br><br>・有効時![snapasgroupon](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/ae154935-a245-18ed-1239-cb0f4df69e00.gif)<br><br>・無効時<br>![snapasgroupoff](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/abffd6fc-9653-2917-9011-82e0a0f609d0.gif)|
|⑭ Grid units|グリッドサイズの単位を指定する。メートルやヤード、パーセク（！？）など指定できる。<br><img width="252" alt="単位" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/e7d44ea9-2eea-504c-cfbe-2615202148de.png">|
|⑭ Angle|⑥の説明を参照のこと。|
|⑮ Predictive Grid|予測グリッド。<br>![predictivegrid](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/582eae46-5a51-1f78-dcc9-c079f43ad2f8.gif)|

##Preferencesからの設定

<img width="1005" alt="Preferencesからの設定" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/65d9c24f-450d-152f-38b7-2323985554de.png">

|設定|説明|
|-----|:----|
|㉑ Tenth Line Alpha<br>(強調ラインの透過度)|⑪で設定した強調表示の濃さ(透過度)を設定。<br><br>各グリッドを50、強調表示を0.9に設定した例。<img width="554" alt="強調例" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/53998953-b804-2a9a-7314-da07b0d055f5.png">|
|㉒ Snap Method<br>　(スナップ方法)|When translating objects ProGrids can snap per-axis (Snap on Selected Axis) or on all axes.<br>オブジェクトを平行移動するとき、ProGridは軸ごとにスナップするか（選択した軸にスナップする）またはすべての軸にスナップすることができます。（自動翻訳）<br>**変更しても何が変わるのかよくわからない。謎。**|
|㉓ Sync w/ Unity Snap|Unity側のスナップ値を、ProGridsのスナップ値（グリッドのサイズ）と同期させるかどうか。<br>・同期有効時<br>![同期有効.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/e01e04da-a7a1-6295-7ef3-6e8998a14d34.gif)<br><br>・同期無効時<br>![同期無効.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/ab7af21c-af68-4f33-22c4-cbae38a70c14.gif)<br>|
|㉔ Increase Grid Size , Decrease Grid Size<br>(グリッドサイズの拡大・縮小)|グリッドサイズ拡大・縮小のショートカット割り当て。<br>(Macのデフォルトでは拡大が機能していない気がする)<br>⑩で指定する値を2倍、1/2にするショートカット。<br>![拡大縮小ショートカット.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/1618b8b6-6541-a88e-33d0-875f4f76103c.gif)|
|㉕ Nudge Perspective Backward, Nudge Perspective Forward<br>(グリッド表示を後方・前方に微調整)<br>Nudge Perspective<br>(微調整値をリセット)|グリッドロック中に「グリッドを」その軸方向に微調整するためのショートカットキーの割り当て。<br>それをリセットするキーの割り当て。<br><br>・前後微調整<br>![微調整](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/07d50ddc-b8cc-808b-f9a0-bb0b5ab18892.gif)<br><br>・微調整をリセット![nudgereset](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/dcaa8ea8-d299-83c5-3b9a-7deffcd007f6.gif)|
|㉕ Cycle Perspective|シーンカメラの向きを正投影法XからY、Z、遠近法に変更します。（自動翻訳）<br>この機能のショートカット割り当て。<br>これは便利。![サイクル展望.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/363432/d3695a41-a504-9d2e-8231-86e365aabe6b.gif)|

#4 . おわりに

Snap Methodがわからない。