1
3

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.

NFTで目につき始めた「ボクセル」。3次元CGツール「MagicaVoxel」を使ってみた

Last updated at Posted at 2022-05-21

MagicaVoxelでボクセルモデル作成

これまで題材にしていたBIやプログラミングと関係なく恐縮ですが、最近時間をかけて調べていた「ボクセル」について、メモしておきます。

「ボクセル」に関心を持ったのは、NFT(ノン-ファンジャブル トークン)のマーケットプレイスで、ボクセルを使ったコンテンツをいくつも見かけたからです。
メタバースでは、ボクセルキャラクターが走り回ったりしてます。
何らかのアルゴリズムを使って生成したモデルもあり、同様のことができないかと考えはじめました。
そのためにはまず標準的なボクセルコンテンツ作成手順を知らないと、と思ったワケです。

ボクセルを使った3次元CGツールでは、例えば「MagicaVoxel」や、メタバース「The Sandbox」から提供されている「VoxEdit」などがあります。
今回、「MagicaVoxel」を使ってみました。

image.png

主に右側の「Brush」パネルの一部を試用し、どんな機能なのかを確かめました。
「Attach」「Erase」「Paint」と並ぶメニューの「Attach」(ボクセル追加)から始めました。

image.png

例えば「Attach」から呼び出せる機能は以下になります。

Geometry Mode[L]

線を引くような感じでボクセルを配置できます。

image.png

実際には2つの面に沿って描かれています。

image.png

Voxel Shader Mode[C]

ボクセルを1つ配置し、そこから放射状に広げるようにモデルを作成できます。

image.png

x軸とy軸方向に広げた状態です。

image.png

z軸方向に動かすと立体的に盛り上げることができます。

image.png

Pattern Mode[C]

登録してあるボクセルモデルを”ペン先”として配置できます

image.png

右側のパネルからモデルを変更できます。

image.png

Voxel Mode[V]

こちらは(現在の設定の中の)最小単位のボクセルを1つずつ配置できるモードです。

image.png

Face Mode[F]

閉じられた面を埋めることができます。

image.png

image.png

Box Mode[B]

箱状のブロックを作成できます。
まず平面を描き、別の面に沿って厚みを作ることでブロックを作成できます。

image.png

image.png

Transform

「Attach」「Erasw」「Paint」の下のパネルの6つのアイコンは「選択」系のツールです。
「Transform」は、空間内のオブジェクト全体を、クリックした面に沿って移動できます。

image.png

モデリング画面からはみ出た場合は、その分は反対の面から出てきます。

image.png

Marquee Select

角い枠で囲った範囲のボクセルを選択できます。
モデリング時の視点(カメラ位置)で描いた四角が投影されたエリアが選択されます。
選択されたボクセルは白いエッジで識別できます。

image.png

前述のTransformツールを使って移動できます。

image.png

Rgion Selected

同じ色のオブジェクトを選択できます。
以下は赤い色のオブジェクトをクリックしで移動しています。

image.png

image.png

Pick Voxel Color

よくスポイトと呼ばれる機能です。
オブジェクトをクリックしてその色を選択できます。
画面は、緑の棒をクリックして左のカラーパネルにその色が選択された状態になっています。

image.png

Region Remove

クリックしたオブジェクトと同じ色のオブジェクトを削除できます。
上記画面から赤いオブジェクトをクリックした結果です。

image.png

Region Replace

クリックしたオブジェクトと同じ色のオブジェクトの色を変更できます。
例えば、先述のスポイト(Pick Voxel Color)機能を使い、赤いオブジェクトをクリックして赤を選択し、Region Replaceツールで緑の棒を1つクリックすると2本とも同じ色に変わります。

image.png

image.png

Erase

これまでの機能を、ボクセルを消すEraseモードでも使うことができます。

image.png

●Geometry Mode[L]
image.png 

●Volume Shader Mode[C]
image.png

●Pattern Mode[P]
image.png

●Voxel Mode[V]
image.png

●Face Mode[P]
image.png

上面と下面をクリックして、数ボクセル分の平面を削除しました。

image.png

●Box Mode[B]
image.png

ミラー

あと、試用の早期で使いそうなのは「ミラー」。
下の画面はx軸(面)をのミラーを使い、ボックスのボクセルを一部を削除すると、x軸に対称の場所も同様に削除されています。

image.png

複数の軸を選ぶこともできます。
x、y、z軸を選んで、Geometry Mode[L]を使い線上にボクセルを配置してみました。

image.png

まだ試していないたくさんの機能があるので、追々使いながら、NFTコンテンツのサンプルを作ってみようと思っています。

1
3
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
1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?