Dynamic 3D Book Kit で飛び出す絵本

３年ほど前に購入した、<a href="https://www.assetstore.unity3d.com/jp/#!/content/9796" target="_blank">Dynamic 3D Book Kit</a>
<a href="https://www.assetstore.unity3d.com/jp/#!/content/9796" target="_blank">
![img.png](https://qiita-image-store.s3.amazonaws.com/0/46444/75cd42f3-79cc-aeba-3683-1b25b82d3205.png)
</a>
ずっとバージョンアップされていなかったのですがUnity5に対応したので何か作ってみる
このアセット初めて私がAssetSoreで購入した有料アセットという思い出の品。

##できること　できないこと
シンプルな飛び出る絵本ができます。
Android iOSに対応しています。
あとは、一つ一つマテリアルが必要になる。
各ページごとにオブジェクトのMeshを固められてしまうので、開いてから移動させる等はできない。

## インポートしたところ
<img width="188" alt="スクリーンショット 2016-01-17 01.30.06.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/7916839b-debb-5ddd-0554-a643a74366bb.png">

##さっそくレッツトライ
まずは新しいシーンにPrefabs/Bookを配置
その子供にPrefabs/FirstPageを配置。これが最初のページ
それ以降はPrefabs/BookPageを好きなだけ追加
<img width="593" alt="スクリーンショット 2016-01-17 01.38.59.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/eec44364-88d0-2d6b-6484-7246ca890672.png">
material設定していないので真っ白です。

BookのインスペクタのPagesに追加したページを設定
<img width="276" alt="スクリーンショット 2016-01-17 01.39.29.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/cba3bcd8-1845-7c08-72f1-69d4073a0be9.png">

とりあえず手っ取り早くページをページをめくりたいので
Res/Prefabs配下のdpp upp を配置。
<img width="334" alt="スクリーンショット 2016-01-17 01.45.24.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/c235ae19-d784-837e-3a96-2bb8eacefe09.png">

そしてそのインスペクタにBookをセット
<img width="284" alt="スクリーンショット 2016-01-17 01.45.21.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/7fed5223-77d6-8ccd-7956-2274ee017915.png">

これでもうボタンをおすだけでページめくりまでできます。
<img width="400" src="https://qiita-image-store.s3.amazonaws.com/0/46444/87a48f0a-36c8-cb33-a75f-05d3ce7e0a9c.gif">

##ベースの絵の設定
まずはMaterialを作成して、Legacy Shaders/VertexLitなどのShaderをセット
<img width="281" alt="スクリーンショット 2016-01-17 02.22.15.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/005c9b8d-0d4a-8b3b-9362-32610e58fdc4.png">

そして画像などを設定
そしてこのマテリアルを各ページ分作成してアタッチ。

こんなかんじになりました。
<img width="400" src="https://qiita-image-store.s3.amazonaws.com/0/46444/1325d40d-84d0-52c4-7086-4054cd1c19a3.gif">

ちなみに、ShaderをUnlit/Transparentにして、画像を半分透明なもので作成すれば表紙と最後のページも作れます。
<img width="400" src="https://qiita-image-store.s3.amazonaws.com/0/46444/eda4d7d4-47ef-7916-a970-5f4adba582bd.gif">

##中身を配置してみよう
Res/Modesl/Card を好きなページの子に配置。
<img width="141" alt="スクリーンショット 2016-01-17 02.37.29.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/ff90dbb3-df00-d91b-01df-77c7cbeede3d.png">

するとこんな風に白色のオブジェクトができるのでここに表示したいもののMaterialを設定したり、
サイズや位置調整をします。
<img width="392" alt="スクリーンショット 2016-01-17 02.38.05.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/f944e88d-ce5b-4658-f9c2-25af3882f48f.png">

マテリアルはCostom/TVDoubleを使用します
<img width="262" alt="スクリーンショット 2016-01-17 01.56.15.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/a74a3443-cb9b-4311-eea5-448526225cb4.png">

<img width="282" alt="スクリーンショット 2016-01-17 02.49.50.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/b834096f-6a7d-9986-a3f3-399a4f08aa35.png">
こんなかんじに配置してみました。
<img width="633" alt="スクリーンショット 2016-01-17 02.49.12.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/e4923463-bde0-cad1-a58c-03cabe9202de.png">

こんなかんじになります。
<img width="400" src="https://qiita-image-store.s3.amazonaws.com/0/46444/fa56bca5-a5ea-e210-e5ed-039bfb983682.gif">
配置時の注意として、地面にめり込むと変な風に伸びたりするのでめり込まないように注意
空中に浮かせるのは大丈夫。