デモの使い方

クリックで3D空間にブロックを積み上げ、Shift+クリックでブロックを削除できるボクセル(立体ブロック)エディタのデモです。

ボクセル 3Dエディタ ブロック配置

操作手順

  1. マウスを動かすと赤い半透明の配置プレビューがグリッド上を追従する
  2. 「Click: ブロック配置」のとおりクリックでブロックを積み上げて構造を作る
  3. 「Shift + Click: ブロック削除」のとおりShiftを押しながらクリックして不要なブロックを消す

活用シーン

  • マインクラフト的な3DエディタUIの学習
  • レイキャスティングによる3D当たり判定の参考実装
  • 商品カスタマイザーなど3Dインタラクションの題材
Voxel Builder
Click: ブロック配置
Shift + Click: ブロック削除