【Blender】Blender2.8で海の波を手軽に作る方法

環境メモ
⭐️Mac OS Mojave バージョン10.14
⭐️Blender2.82


↓↓実際に動かした動画
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">⛵️Blender⛵️<br>Blenderのモンキーくん🐒から⛵️海の波🏄‍♀️を作ってアニメーションしてみたよぉ😊びっくりする程、めっちゃ簡単にできた💕💕<a href="https://t.co/ObEOyVb9bc">https://t.co/ObEOyVb9bc</a> <a href="https://t.co/Odtx3UTFnI">pic.twitter.com/Odtx3UTFnI</a></p>&mdash; non (@nonnonkapibara) <a href="https://twitter.com/nonnonkapibara/status/1286990229023232000?ref_src=twsrc%5Etfw">July 25, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


# 環境マテリアルを設定する
まず、海の波を作る画像(hdr)を用意します。

大量のHDRI素材を公開している「HDRIHAVEN」から下記の素材をダウンロードします。

HDRIHAVEN
https://hdrihaven.com/hdri/?c=skies&h=spiaggia_di_mondello

<img width="924" alt="スクリーンショット 2020-07-25 14.35.08.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/622c78cd-069f-e28c-5981-0b918d6cef61.png">
<img width="537" alt="スクリーンショット 2020-07-25 20.06.31.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/f434a66b-740d-1460-f3a0-2b920d6fbd1f.png">

「ワールドプロパティ」-「カラー」-「環境テクスチャ」を選択します。
<img width="515" alt="スクリーンショット 2020-07-25 14.37.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/2f07a6a0-dd61-d6c2-0ce0-7ced6d4a3f69.png">
<img width="691" alt="スクリーンショット 2020-07-25 14.38.04.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/5bcf56bb-329f-b43a-b113-c2394431d608.png">

ダウンロードしたHDRの画像を選択します。
シェーディングを選択すると、環境テクスチャが反映された事がわかります。
<img width="1184" alt="スクリーンショット 2020-07-25 14.42.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/cd62e299-ae75-d777-5d2b-c48831a97df0.png">

# 海の波を作ります
「追加」-「メッシュ」-「モンキー」を選択します。
<img width="971" alt="スクリーンショット 2020-07-25 14.43.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/b434b4e0-52ba-2474-67d1-074990568526.png">

「モディファイアープロパティ」-「モディファイアーを追加する」-「海洋」を選択する。
モンキーが海洋になりました。
<img width="614" alt="スクリーンショット 2020-07-25 20.15.20.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/fe4960d6-d4bb-8746-49cf-a5b4bb6f908b.png">

<img width="749" alt="スクリーンショット 2020-07-25 14.44.46.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/fea55ee6-318d-b816-07b7-ffe735114a93.png">

では、海の色を設定します。
「マテリアルプロパティ」-「新規作成」ボタンを押します。
<img width="1198" alt="スクリーンショット 2020-07-25 14.46.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/0703d365-5e43-1e9f-c94e-d9ebb7b14e7d.png">

ベースカラーから、色を選択します。
<img width="543" alt="スクリーンショット 2020-07-25 14.47.40.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/f730e960-7559-bf44-36e9-e92652bab5d9.png">

<img width="1140" alt="スクリーンショット 2020-07-25 14.48.31.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/49104e01-77fe-4e71-b0fb-bf990c72b256.png">

粗さ 0.01
伝播0.8
にします。
<img width="499" alt="スクリーンショット 2020-07-25 14.50.47.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/e06f27fe-25b1-d4b9-214d-ef47a9fc0642.png">

放射を設定します
<img width="406" alt="スクリーンショット 2020-07-25 14.53.36.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/4e0b1417-897a-c714-25a5-7ec6cf81d019.png">

<img width="1148" alt="スクリーンショット 2020-07-25 14.52.28.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/129e802b-336a-2c2e-51fd-8cc4febc3ab4.png">

「モディファイアープロパティ」を選択します
波立1.8
拡大2.5
解像度10
にする
<img width="1153" alt="スクリーンショット 2020-07-25 15.04.01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/b248570f-49fd-1c8b-cfc6-6f9cfc9fefd7.png">

ここから、アニメーションを作成します
「時間」を「1」にし、右クリックで「キーフレームを追加する」
<img width="590" alt="スクリーンショット 2020-07-25 15.06.18.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/6e8cd22c-d015-67a4-4836-a5a01f8842fe.png">

<img width="726" alt="スクリーンショット 2020-07-25 15.07.06.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/ae9a7b73-e49c-9d3c-e6ca-7333e90fd5cf.png">

<img width="1150" alt="スクリーンショット 2020-07-25 15.09.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/80a3444d-7837-e605-38ef-f67594b3f05d.png">

アニメーションを２５０にして、「時間」を「1５」にし、右クリックで「キーフレームを追加する」
<img width="1150" alt="スクリーンショット 2020-07-25 15.09.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/a80893b4-b7c1-19f3-9555-c58d102bf8b9.png">

<img width="554" alt="スクリーンショット 2020-07-25 15.10.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/c7de7577-bab4-f9e9-c3ec-1463da4220c9.png">

完了！！
<img width="1439" alt="スクリーンショット 2020-07-25 15.10.43.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/3817721f-15bd-18f0-930f-5eccfbddc140.png">

![ezgif.com-crop.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/18f7da2c-f58a-b26f-cabd-e88d7de4c734.gif)