【Notch】AE＆C4Dユーザーが作るリアルタイムモーショングラフィックス #04 Cloner編

#クローナーは最高である
C4Dではお馴染みなMographクローナーとエフェクター。
これがノードビジュアルツールに標準で搭載されてるってNotch最高では？と思ってます。
しかもリアルタイムだし
これでもかというほど多用させてもらってます。

ざっくり機能解説して最後に作例を紹介したいと思います。

##Cloner
最もシンプルなクローナーノード。
**Rootから繋いだ「Cloner」ノードから複製したいオブジェクトへ繋ぎます。**

####・Iterative Cloningモード
 
デフォルトでは「Mode」が**「Iterative Cloning」**になっています。
これはクローンにたいして**順番に変化を加える**ような配置モードです。
TransformのPositionをテキトーにいじってみるとちょっとづつズレが生じるのがわかると思います。
![Cloner01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/a14b4cee-d5ea-4b30-dd4f-8338f6d6bb97.png)

####・3D Gridモード
値を戻し「Mode」を「3D Grid」に変えます。
複製の位置がグリッド状になりました！
![Cloner02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/eeb41211-2311-3833-58df-9e4c9a3f2a90.png)
よくいじるのが**「Clone Scale」、「Grid Count」、「Grid Size」**の3つ
「Clone Scale」・・・クローンの大きさ一括調整
「Grid Count」・・・複製する個数xyz
「Grid Size」・・・複製する領域の大きさxyz
![Cloner03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/95b88b62-ec13-a679-6e31-a0a968ad91b0.png)

####・Radialモード
円状に配置するモードです。
「num Clones」の値を上げると個数が増え、間隔が狭くなります。
「Radius」で円の大きさを調整します。
![Cloner04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/1ecda1bc-323b-1827-00db-f09747ce981d.png)

####・Node Spawnモード「All」
**子オブジェクトを増やすと一度にいろいろなものを複製できます。**
別のオブジェクトをクローナーから繋いでみましょう！
参考ではわかりやすいようにそれぞれ赤と青のマテリアルノードを貼っています。
デフォルトの**「All」モード**では同じ場所に２つとも複製されます。
![Cloner05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/0994685f-db97-bddc-fe2b-38ac39ead546.png)

####・Node Spawnモード「Iterate」
Node Spawnモードを**「Iterate」**にすると交互に複製してくれます。
![Cloner06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/1adb8d9a-2861-2278-a7fd-55485a24d6ca.png)

####・Node Spawnモード「Random」
もう一個オブジェクトを増やし、Node Spawnモードを**「Random」**に変えます。
配置がランダムになりました。
![Cloner07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/9f563625-1b24-a745-c836-c035d299b9a7.png)

##Clone to Particle
パーティクルの位置に子オブジェクトを複製します。
前回パーティクル編で紹介した方法でパーティクルを組み、**「Particle Root」から「Clone to Particle」へ繋ぎます。**
**ParticleのEmitterやAfectorを使用できて便利！**

**「Num Clones」**がデフォルトでは「5」なので数値上げないと全然複製されません。
**「Roatation Affects Clones」と「Scale Affects Clones」**は発生時に回転スケールにアニメーションがつくかどうかのチェックボックス。
![Cloner08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/c037ea96-3757-360f-6586-94a48bac88ae.png)

##Clone to Mesh
メッシュを持った3Dオブジェクトを親として子オブジェクトを複製します。
使い方はClone to Particleと似ていて**「Clone to Mesh」ノードの下に親となるオブジェクトを繋ぎます。**
これもModeがいろいろあります。
「Vertex」モード・・・頂点へ複製
「Polygon Centre」モード・・・ポリゴンの中心に複製
「Edge Centre」モード・・・エッジの中心に複製
「Spread Over Surface」モード・・・オブジェクトの表面にランダムに複製
「Spread Over UV Map」モード・・・オブジェクトのUVマップ全体に複製（つかったことないのでよくわかんない）
![Cloner09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/38af09b8-b32f-581d-7bde-891aafb2401f.png)

##Clone to Image
画像や動画に対して複製します
これもParticle、Meshと同じでノードの下に動画等を繋ぎます。
![Cloner10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/2c002253-3ef1-e888-582d-62c3accccf5a.png)

以下のパラメータをいじるとちょっと面白い感じになります。
「Num Clones XY」・・・クローンの数XY
「Brightness Threshold」・・・しきい値
「Clone Offset By Brightness」・・・明度に応じてオフセット
![Cloner11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/e234c44f-efd8-7aac-dfd0-c74e303da754.png)

##Clone To Spline
「Spline」ノードで作られたスプラインに複製。**C4Dのシーンから持ってきたスプラインにも対応**してます。
スプラインは**複数のNullの位置を繋げる**ことで作れます。
「Null」の位置を調整したら「Spline」ノードの下に繋げます。
正直これ超やりづらいのでC4Dからスプラインだけ持ってきたほうがよさそうです。
![Cloner16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/ff75a9ea-da91-c966-2e79-ea99e62bd525.png)

##Clone Cache
シミュレーション結果をベイクする機能です。重さ軽減、毎回完全に同じ動きをしたい場合に使えそう。
インタラクティブ性が失われるので僕は使用したことがありません。
**「エフェクター」**というノード群で動きをシミュレーションし、結果をベイクしたいと思います。
エフェクターはC4Dにあるものと概念は一緒で**動きの数値と影響範囲を指定していろいろできます。**
これも種類が様々ですがだいたい名前の通りの動きができます。
![Cloner17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/f7fa9b22-ada7-3971-c93b-9de7c5064b42.png)

**エフェクターは各Clonerの下にある「Effectors」**に繋ぎます。
参考では「Turbulence　Effector」といううねうねした動きを加えるエフェクターを繋いでいます。
Z軸の変化に数値を入れました。
できたらクローナーから**「Clone Cash」**ノードを繋ぎます。
![Cloner12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/76f061a7-9e8b-ab51-c1af-dc9b496fad3b.png)

「Clone Cash」ノードを選択して「Bake Now」の横のボタンを押します。
これで焼きこみが完了したらエフェクターノード群はすべてオフにしても問題ありません。
![Cloner13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/c5308344-60bd-cf4e-c77b-b8a170892700.png)


##その他クローナーの種類
以下は使ったことがなくてよくわからなかったので紹介だけします。
これを使った作例があればどなたか知見共有お願いしたいです

###Clone To Point Cache
「Point Cache」で定義された位置に複製。

![Cloner15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/f34ad2aa-288e-7b58-e4b6-07d08a9db10a.png)
(画像ソース 許可いただいてます http://manual.notch.one/0.9.23/en/topic/nodes-cloning-clone-to-point-cache)

###Clone To Procedurals
プロシージャルノードに基づいて複製。

![node-cloning-clone-to-procedural-img_v1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/586094b9-4371-c1a6-c127-d03e68c01a47.png)
(画像ソース http://manual.notch.one/0.9.23/en/topic/nodes-cloning)
###Clone To Transform Array
Transform Arrayノードの現在アクティブな要素からクローンを複製
http://manual.notch.one/0.9.23/en/topic/nodes-cloning-clone-to-transform-array

###Clone To Volume
3Dオブジェクトの形状を使用して塗りつぶされる空間の領域を定義し複製
http://manual.notch.one/0.9.23/en/topic/nodes-cloning-clone-to-volume

#参考事例
↓こちらのリアルタイムMV（デモシーン）の一部分です
https://www.youtube.com/watch?v=jwKglTtNUHk

####・円状のキューブ
**Cloner「Radial」モード**でキューブの輪っかを作り、**さらにそれを丸ごとClonerで5個複製。**
クローナーのクローナーみたいなC4Dユーザーが多様するやつです。

####・音に反応
**「FFT Effector」**でオーディオの音に応じた変形。この作例では**スケールの変化** （FFT=高速フーリエ変換）
####・柱のようなもの
**Cloner「3D Grid」モード**でY軸をめちゃくちゃ伸ばしたShape 3Dのキューブ(柱)を複製。
![【Realtime MV】Hoshizora Destination (2bnsn's Prog Bootleg) #madewithnotch #Notch.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/243114/414da890-f67e-ef7b-befb-67329cd11fa3.gif)
#次回は
Deformerについて事例紹介します。
**[追記]次の記事書きました！！！**
**https://qiita.com/Shuhei_Maeta/items/a91cba8d4acf6ebd6115**

情報共有はこちらのグループで行っているのでぜひ参加してみてください。
Facebookグループ : https://www.facebook.com/groups/notchusergroupjapan/
Line オープンチャット : https://line.me/ti/g2/kJYmLLsvS2zNfR9PEiknMg

質問等あればお答えしますのでお気軽に
Twitter : https://twitter.com/shu1053
FB : https://www.facebook.com/profile.php?id=100009103327410