![見出し画像](https://assets.st-note.com/production/uploads/images/134665904/rectangle_large_type_2_3f98c51c35e00c3a598ac92b8077fdf8.jpeg?width=1200)
Unityだけで自作パネルを作った話
こんにちは、こんばんは!イナバです。
メタバースプラットフォーム「cluster」でワールドやアイテムを制作しております。
今回はclusterのワールドクラフトで使用できる自作パネルを作っていきたいと思います。
3Dモデリングソフトといえばblenderが有名ですが、今回はUnityのみで作っていきます。
もっと簡単な作り方があると思いますので、こちらはご参考までです。
![](https://assets.st-note.com/img/1711026644593-sLVyOy15SN.png?width=1200)
Unity ProBuilderのセットアップ
ProBuilderはUnity上で簡単なモデリングができる便利なツールです。
今回はこのツールを使用してパネルを作っていきます。
ProBuilderのセットアップ方法はCluster Creators Guideに記載がありますので、こちらご参照ください!
立ち絵を用意する
正方形で背景が白い立ち絵を用意しましょう。画像の調整にはCanvaなどのツールが便利です。
![](https://assets.st-note.com/img/1711028176740-sIOCXDTdKV.png?width=1200)
立ち絵は権利的に使用しても問題ないものを用意しましょう。
私のアバターはREALITYのものを使用しています。REALITYは非商用利用であればアバター画像でグッズの制作や公開が認められています。
Unityでパネルの形をつくる
①下書き用の画像をアップする
下書き用に画像をアップします。Cubeにあらかじめ用意した立ち絵の画像をドラッグ&ドロップするとこんな感じになります。
今回、身長に合わせて1辺1.5mのスケールとしています。
![](https://assets.st-note.com/img/1711028697070-0OKjIbqP6r.png?width=1200)
②画像にそってパネルの形をつくる
画像の合わせてパネルの形をつくります。
ツール>ProBuilder>ProBuilder Windowを開きます
![](https://assets.st-note.com/img/1711028870188-RqxhTXFL8h.png)
New Poly Shapeを選びます。
![](https://assets.st-note.com/img/1711028999596-6Zt8GDmC44.png)
下書き用の画像に合わせて、パネルの外側にそって点をうっていきます。
![](https://assets.st-note.com/img/1711029039622-9yzT8B1YW5.png?width=1200)
画像を一周したら、Extrusion(パネルの厚さ)を設定していきます。今回0.01にしました
![](https://assets.st-note.com/img/1711029097814-RX842XsvOn.png?width=1200)
これでパネルの準備はOKです!
③パネルにテクスチャを設定する
作ったパネル(PolyShapeという名前のオブジェクトです)に上記で用意した立ち絵の画像を再度ドラッグ&ドロップします。
![](https://assets.st-note.com/img/1711029347174-iMLwsSziKC.png?width=1200)
ふたたびProBuilderのUV Editorを起動します。
![](https://assets.st-note.com/img/1711029410636-WEXyagl0pY.png?width=1200)
Face Slectionを選択してパネルの正面をクリックすると緑色の線が出てきます。こちらの線を写真の立ち絵にぴったりくるように回転や縮小をしていきます
![](https://assets.st-note.com/img/1711029496115-XLVQcHOW0d.png?width=1200)
![](https://assets.st-note.com/img/1711029693554-nNSSMiLeYD.png?width=1200)
あとはITEMコンポーネントをつけた空のオブジェクトに、用意したパネルを子オブジェクトとして設定し、位置調整すればOKです。
シリンダーで台を作って一緒にアップしてもいい感じです。
これをプレハブ化してクラフトアイテムとしてアップロードするとパネルのアイテムをアップできます。
![](https://assets.st-note.com/img/1711029913929-jLqB6t3ksJ.png?width=1200)
クラフトアイテムは自動で画像が縮小されるの、ちょっと荒れて見えますが、こうして自作のパネルをつくることができました。
![](https://assets.st-note.com/img/1711030530701-jqvi7ptdda.png?width=1200)
アクスタ風にアレンジ
アクスタ風にする場合は。立ち絵の背景を透過画像にしたものを用意します。同じようにパネルにテクスチャを設定していき、パネルのマテリアル設定のところを
Rendering Mode →Fade または Transparentに変更
メタリック → 0.5
スムースネス → 1
に変更します。
![](https://assets.st-note.com/img/1711030890124-bzmbQS3nMC.png)
![](https://assets.st-note.com/img/1711031013146-OXLFwPJZZi.png?width=1200)
お試しあれ!
この記事が気に入ったらサポートをしてみませんか?