7
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Houdini ApprenticeAdvent Calendar 2023

Day 19

Houdiniでハロウィンかぼちゃのバリエーションを作成する

Posted at

image.png

はじめに

こちらはHoudini Apprentice Advent Calendar 2023 (12/19) の記事になります。

クリスマス間際にハロウィンの話題で申し訳ないですが、ハロウィンのカボチャって顔に色々なバリエーションがありますよね。
誰しも、今年のハロウィンかぼちゃの顔どうしたらいいかしら…と考えているうちにハロウィン当日になってしまった、という経験はあると思います。
IMG_3898.jpg

そこで、HoudiniのTOPsを使って様々な目・鼻・口の組み合わせを試せればお手軽に
最強のハロウィンカボチャ顔が作れるのではないか?
という仮説を立て、実際にハロウィンかぼちゃのモデリングに挑戦した内容になります。

ハロウィンかぼちゃを作る時にしか役に立たなそうな内容ではありますが、つまづいたところ、工夫したところなどを書いていきたいと思います。

 「こんばんは サンタクロース
  全てを理解した者は皆… 
  死ぬまでハロウィンの事しか考えられなくなるのです」

目次

1.カボチャ本体の形状を作る
2.カボチャの顔を作る
3.カボチャのヘタを作る
4.TOPsで顔のバリエーションを検討する
5.反省点

1. カボチャ本体の形状を作る

まずはカボチャが無いと顔を掘ることができないのでカボチャ本体を作ります。
IMG_3898.jpg
↑スーパーで買ったリファレンス

カボチャの房を作る

ネットでカボチャの画像を漁ると、だいたいのカボチャは10コの房に分かれていることが多いようです。
そこで、房を1つ作って円形に10個並べてカボチャっぽくする作戦で行きました。

Sweepと格闘

まずは陸上のトラックのような形のカーブを作り、そこに半円状のカーブをSweepさせて房の形を作ることにしました。

LineとCircleを使って下図左のようなカーブを用意し、半円状のカーブをSweepさせた結果がこちらです。
image.png どうして…

初手から躓いていますが、自前で作ったキメラカーブにSweepさせようとするとねじくれる問題に遭遇してしまいました。
今までも起こったことはあるものの適当に回避してきたので、今回は きちんとSweepのマニュアルを読む ことにしました。
マニュアルを開くとのっけから背骨曲線や断面曲線など初見の四字熟語に圧倒されます。
問われる国語力。
image.png 
見ていくとCopy to Pointsとかでも必要になるアトリビュートが散見されます。
  N君「オブジェクトのZ軸をどっちに向けたいの?」
  upさん「オブジェクトのY軸をどっちに向けたいの?」

ということはつまり、他ならぬこの私自らが回転を完全にガチ指定してあげれば上手く行きそうです。
「断面曲線の回転をHoudiniに握らせるな!!」 ってことですね。

まず半円カーブの法線はOrient Along Curveでつけることにしました。
実はこのノードでupアトリビュートも追加されます。
image.png image.png←青い線がN、黄色い線がupです
↑実は用意されているup。自分は「使うとこ以外見えない病」なので見落としがちです。

LineのほうにもAttribute Wrangleで半円カーブと合うようにNとupを追加しました。
image.png image.png

これらのカーブをMirrorで上下左右対称にしてFuseしたものがこちらです。
image.png image.png 

満を持してこのカーブにSweepさせると…
image.png そなたは美しい…
これをカボチャの房の形の土台にします。

Lattice備忘録

Fuseでくっついていないポイント同士をくっつけてからPolly Fillで真ん中にもポリゴンを張り、Latticeでカボチャの房っぽい感じに歪ませたいと思います。
Latticeの真ん中と右の入力にいつもBoxをそのままつないでエラーを出すのが個人的恒例行事なのですが、Boxの場合はPrimitive TypeをPolygonにしてDivisionを合わせる必要があります。もしくはBoxでなくBound も便利です。
image.png
BoxのPrimitive TypeがPolygon Meshのままだといくら分割を合わせても無駄なので気を付けましょう(自戒)

image.png

Copy to Pointsで円形に並べる

房ができたら後はこれを円形に並べます。
Copy to Transformで角度を変えて並べるだけでも十分かと思いましたが、この時はやる気に満ち溢れていたので、Circleで作成したpointのpscaleに多少ランダムを与えて房をCopy to Pointsし、房のサイズが少しばらつくようにしています。
Circleのサイズを調整することでカボチャの直径も変更しやすくなります。
image.pngimage.png

後で色々な形状を試していて気づいたのですが、直径の大きいカボチャを作ろうとすると、房が中心から離れていき真ん中に穴が開いてしまいます(下図左)。
そこで、真ん中をいい感じに埋めるTube型のメッシュを最後にマージしています(下図右)。
image.png

VDB化→スムース→再度ポリゴン化する

現実のカボチャの房同士はパッキリ分かれていることは少なく、緩やかな谷間のようにつながっているので、一度VDB化してスムースをかけ、再びポリゴンに戻してからMountainで歪ませることで有機的な形を目指します。
image.png image.png
さつき先生の動画で知って以来この手順が好きでたまりません。

UVの作成とRayでリトポロジー

一応テクスチャを書き出すことも想定してUV展開も考えてみました。
一度VDBにしているのでトポロジーも有機的になっていて、このままだとUVを整えるのが大変そうでした。
そこでハイポリゴンなSphereを用意してUV展開しておき、Rayでカボチャの内側から貼り付けたれ、と思ったら案外うまく行きました。
image.png image.png
↓これならSphereの分割を変えるだけでポリ数の調整も簡単そうです。
image.png ローポリ版( )

裏面を作る

ハロウィンかぼちゃの場合、中身をくりぬいて顔を掘るので、厚みと裏面が必要になります。
当初はメッシュ全体を内側か外側にExtrudeする作戦で行ったのですが、どうしてもメッシュの破綻が起こりやすく後の作業に支障が出たので、単純にスケールを小さくして法線を反転させたものをマージしました。
(この単純なことに気づくまでにけっこう時間を要してしまったんですが…)
マージした後Clipで真っ二つにしてみたのが下図右です。うまく行っていそうです。
image.png image.png

裏面は表ほどUVの面積はいらなそうなので、適当に小さくして並べておきます。
image.png

Subnet化する

後でカボチャを大量生産しやすいように、ある程度できたところで一度subnet化し、調整時にいじるであろう数値をパラメータに出しながら作業していました。
image.png

2. カボチャの顔を作る

カボチャ本体が出来たら本命の顔パーツを作っていきます。
流れとしては平面ポリゴンで各パーツを作成して(下図左)、Extrudeで立体化し(下図右)、
先ほど作ったカボチャ本体をブーリアンでぶち抜く、という至ってシンプルな方法で行いました。
image.png
↑口のうちの1つ

顔パーツの平面ポリゴンの形をHoudini内でガチンコ作成するか、Photoshop等で書いてTraceでポリゴン化するか迷ったのですが、Photoshopを起動するのが面倒だったので今回はHoudini内で作りました。
結論から言うとHoudini内で作るのはかなり手間だったので、大人しくPhotoshopを起動すべきだったかもしれません。

のちのちTOPsで組み合わせを試したいので、目・鼻・口それぞれのパターンをSwitchで切り替えられるようにまとめておきます。
image.png

パーツができたらいよいよカボチャをぶち抜くのですが、目をBooleanして、鼻をBooleanして、口をBooleanする…というBoolean祭りをやったところ、一度Booleanした後のメッシュはどこかに破綻を抱えがちで、エラーが出て次のBooleanができない、ということが多々あったので、目鼻口は一つにマージしてBooleanは1回で済ますことにしました。
image.png
余談ですがそれでもBooleanがうまく行かなくなったことがあり、なぜかSphereの割り数を変えたら無事Boolean出来ました。
このカボチャはガラスのような繊細さで成り立っております (堅牢度ェ…)

3. カボチャのヘタを作る

やはりヘタが無いとどこか締まらないので、ヘタも作っていきます。
こちらも数パターン作りました。
image.png
カーブにStarノードをSweepさせているだけです。

4. TOPsで顔のバリエーションを検討する

TOPsの使い方はさつき先生の動画で予習済みなので、いよいよTOP Networkノードを作り、TOPsを組んでいきます。
総当たり戦をすれば全ての組み合わせを確認できるハズです。
もうやり方はさつき先生の動画を見てくださいとしか言いようがないほど組み方から書き出しまで同じ方法でやりました。

Generic GeneratorノードでItem Countを用意したパターン数にし、
Attribute Createノードでアトリビュート("eyes"とか)を作り、Valueは@pdg_indexをパターン数で割った余りを出して繰り返させます。
image.png
image.png
↑バリエーションが増えてもeyesは0~7を繰り返してくれます。
これを目・鼻・口の分用意します。
image.png

TOP Networkを出て、パターンをまとめているSwitchノードのSelect Inputに作成したTOPsで作成したアトリビュート(@eyesとか)を記入し、TOP Networkノードの丸ポチをクリックしてパーツのパターンを切り替えられれば一安心です。
image.png image.png

今回はタイムスライダを動かすことでパターンを確認したかったので、総当たり戦を連番で書き出しました。
↓それがこちらです。

↑この時はカボチャ本体のパターン、ヘタのパターンも一緒に総当たりしたので数がすごいことになり途中で書き出しを諦めました。実際には顔パーツだけで十分そうです。

しかしバリエーションを確認するならタイムスライダではなく 画像一覧 を出すような仕組みのほうが見やすかったかもしれません。そちらはまた挑戦したいと思います。

image.png

↑なんだか爬虫類っぽくてかわいいですね。あんたが優勝!
というわけで個人的 「今年の最強ハロウィンかぼちゃ顔」 が決定しました。

5. 反省点

すべてをプロシージャルにしようとしたことで大切なことを見失った

元々本来の目的としてはハロウィン的なイケてる画像でもアップしたい、ついでにTOPsも試そうくらいのノリで始めたのですが、実際に絵作りやTOPsにかけた時間はごく僅かで、カボチャジェネレーターを作ることに夢中になってしまいました。

あれもこれも、後から変更するかも、ランダムに出来たほうがいいかも…とやってるとキリがなく、気づけばあと5分でハロウィンが終わっちまう…というところで何とか画像を投稿した形となりました。

いかがでしたでしょうか?
先人たちが「プロシージャルは組んでも呑まれるな」と仰るのが少しわかった気がした、思い出深いハロウィンとなりました。
このカボチャジェネレーターはもったいないので来年のハロウィンにも改良して使いたいと思います。

ハロウィン!ハロウィン!

7
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?