【Blender】  2.82で川を作る【簡易版】

# 動作環境
本記事の動作環境は以下の通りです。
 
| 項目             |               環境 |
|:-----------------|:------------------|
| OS               |         Windows 10 | 
| Blender          |               2.82 |

#アウトプットイメージ

以下のような川を作成する。
一応流れまで再現したつもり。

![river.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682933/18b42f7e-bec2-0494-47f2-acb5a525a04e.gif)


#ワークフロー

以下の手順で作成する。(あくまで1例)

1. 平面を作成
1. カーブを作成
1. カーブモデルファイアを追加
1. マテリアルを追加
1. Displaceモデルファイアを追加
1. 岩などを追加 (任意)
1. カメラを配置してレンダリング

# 平面を作成

以下の方法で平面を作成。

1. オブジェクトモードで shift + a > メッシュ > 平面 で平面を追加
1. 編集モードで適当な長さの長方形に編集。
1. Ctrl + r で適当にループカット(カーブモデルファイアをなめらかにするため)
1. w > 細分化 で適当に細分化 (Displaceモデルファイアをなめらかにするため)

![plane.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682933/d6ce6745-c7a2-86d7-dd81-c2d6ecabd59f.gif)


# カーブを作成

以下の方法でカーブを作成

1. オブジェクトモードで Shift + a > カーブ >ベジエカーブを追加
1. 編集モードで直線にして長方形の長さに揃える
1. 適当に細分化する
1. 適当に形状を変える
1. オブジェクトモードでストレッチ(Stretch) と 境界固定（Bounds Clamp）を有効にしておく

![curve.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682933/bab9cf3a-27c3-9e5c-a9cd-4bba0f53258b.png)


#カーブモデルファイアを追加

以下の方法で平面にカーブモデルファイアを追加する。

1. 平面にモデルファイアープロパティ > モデルファイアを追加 > カーブモデルファイア でカーブモデルファイアを追加
1. 先に作成したカーブを選択
![curve_modelfire.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682933/c99d5d07-c90a-21d0-a08f-d40cae0cf5cc.png)

###参考
カーブモデルファイアの基礎 ： [https://note.com/lab1092/n/nefd40f5bee2f](https://note.com/lab1092/n/nefd40f5bee2f)

#マテリアルを追加

大体の作り方は以下のページを参考。
[水マテリアルの作り方](https://qiita.com/RainC0lor/items/fe6116441a266c603ba7#%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AB%E3%83%9E%E3%83%86%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%AE%E5%89%B2%E5%BD%93)

パラメータは以下の通り

![material.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682933/17be0347-04fa-d04d-a899-720a66bbb4c7.png)


ポイント：マッピングで縦横比を調整しておく


# Displaceモデルファイアを追加

大体の流れは以下を参考。
[水面の作成方法](https://qiita.com/RainC0lor/items/fe6116441a266c603ba7#%E6%B0%B4%E9%9D%A2%E3%81%AE%E4%BD%9C%E6%88%90%E6%96%B9%E6%B3%95-displace-%E3%83%A2%E3%83%87%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%82%A2%E3%83%BC--%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%83%86%E3%82%AF%E3%82%B9%E3%83%81%E3%83%A3--empty)

1. Displaceモデルファイアを設定(適応はしない)
   - 強さを小さくしておく (目安：0.1以下)
1. クラウドテクスチャを作成
1. スムーズシェードを設定 
1. Emptyを追加
1. Displaceモデルファイアの設定を以下に変更
   - テクスチャ座標：オブジェクト
   - オブジェクト：Empty
1. Emptyの位置を適宜変更

 <img width="200" alt="displace.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682933/5b4ae7cd-9144-f48d-7b7f-c7bef7772064.png">  &emsp; &emsp;  ![empty.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682933/617883f5-3022-6d00-2815-28d84f6506fd.gif) 



テクスチャはバンドなどほかのテクスチャにしてみてもよい。


#岩などを追加 (任意)

###モデリング
以下の手順で岩を作成

1. shift + a > メッシュからcubeを追加
1. 適当な大きさに調整
1. 編集モード> w > 細分化
1. プロポーショナル編集でいくつかの頂点を移動させて適当な形に整形

![stone.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682933/4550fa3f-29f4-7075-1617-8c7046ebc02a.png)


###マテリアル

基本的には水面のマテリアルの作り方と一緒

1. マテリアルを新規作成。
2. プリンシプルBSDFで以下を設定。
    - ベースカラー：必要に応じて好きな色を選択


3. Shift + a > テクスチャ > ノイズテクスチャ を追加
4. Shift + a > ベクトル > バンプ を追加
5. 以下を結線
   - ノイステクスチャノードのカラー － バンプノードの高さ 
   - バンプノードのノーマル － プリンシプルBSDFのノーマル

6. 以下を適宜変更して水っぽくする
   - ノイズテクスチャの拡大縮小
   - バンプの強さ
   
7. 以下を使用してノイズの位置を変更することができる(任意)
    1. Shift + a > ベクトル > マッピング を追加
    2. Shift + a > 入力 > テクスチャ座標 を追加
    3. 以下を結線
        - テクスチャ座標の生成 － マッピングのベクトル(入力)
        - マッピングのベクトル(出力) － ノイズテクスチャのベクトル

![stone_material.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682933/d0866221-d2a8-89fc-e27d-7976e1c502a5.png)

###配置

適宜コピーしてトランスフォーム（位置・回転・拡大縮小）を変更したり、ミラー（ctrl＋m → x or y or z）を使って配置
![river3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682933/3ba73b6e-d56c-3175-935b-202d572d9fc5.png)


# カメラを配置してレンダリング

カメラの設定～レンダリングまでは以下の方法で調整すると調整がらく。

1. ある程度の視界を決めておく
1. Ctrl＋Alt＋0 で 決めた視界にカメラを配置
1. ビュー > ビュー > ビューのロック > カメラをビューにロック
1. いつもと同じように視点を移動させてカメラを固定する
1. 任意のフレームに移動し、3Dビュー上でi キーを押してキーを打っておく
1. 出力プロパティから以下を設定する
    - 開始・終了フレーム
    - FPS
    - 出力先
    - などなど…
1. レンダー>アニメーションをレンダリングから動画の出力
 
![rendering.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682933/e8f62cd5-2244-d094-1c0c-1a1a56d2c3bf.png)

###参考

 カメラの視点の操作方法 ： [https://muro-ganmin.com/blender-camera-position-adjustment/](https://muro-ganmin.com/blender-camera-position-adjustment/)

# もうひと手間かけたいときは
### Subdivideモディファイア(任意)

厚みをもたせておくと、川っぽく見える(気がする)
以下の手順でモデルファイアを追加。

1. モデルファイアプロパティ＞モデルファイアを追加＞ソリッド化を追加
1. 適宜幅を変更して厚みをもたせる

![subdivide.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682933/f0835b51-b2f7-27c7-1d40-34aed00e3e5b.png)