N2
NanToo
エンタメ・趣味

ボクセルビューワー (.vox/.json 表示・回転GIF生成)

MagicaVoxel (.vox) や JSON 形式のボクセルモデルをブラウザ内で 3D 表示。OrbitControls で自由回転、ライティング調整、X (Twitter)/Instagram 投稿用の回転 GIF アニメ出力に対応。アップロード不要、サーバー送信なし。

ボクセルビューワー (.vox/.json 表示・回転GIF生成)について

ボクセルビューワーとは

このツールは、MagicaVoxel (.vox) や ボクセルメーカー保存形式 (.json) のボクセルアートをブラウザ内で 3D 表示できる無料のオンラインビューワーです。アップロード不要・サーバー送信なしで、ファイルはお使いの端末から外に出ません。

主な用途:

  • 自分の作品を SNS に投稿したい: 回転する 3D GIF を出力して X (Twitter) / Instagram にシェア
  • 他人の .vox を確認したい: MagicaVoxel をインストールせずに中身をプレビュー
  • 共同制作のレビュー: 受け取った .vox ファイルを開いて回しながら確認

ボクセル制作そのものは姉妹ツールの ボクセルメーカー をご利用ください。

対応形式

形式 説明 最大サイズ
.vox MagicaVoxel ネイティブ形式。256 色パレット内蔵 64³ ボクセル (本ツール制約)
.json ボクセルメーカーの保存形式 64³ ボクセル

最初のモデル (MODEL 0) のみを読み込みます。複数モデルを持つ .vox の 2 つ目以降は無視されます。サイズが立方体でない .vox (例: 64×32×16) は最大辺を基準にした立方体グリッドに展開します。

回転 GIF 出力 (SNS 投稿用)

ビューワー右側の「🎞 回転 GIF を生成」ボタンから、3D モデルを 1 周させた GIF アニメを出力できます。X (Twitter) や Instagram などの SNS は静止画より GIF/動画の方が高いエンゲージメントが得られる傾向があるため、ボクセルアート作品の紹介に最適です。

設定 推奨値 用途
サイズ384 pxSNS タイムラインで適切に見える
フレーム数3610° 刻みの滑らかな回転
1 周の時間3 秒速すぎず遅すぎず、SNS 鑑賞に最適

大きなサイズ・多いフレーム数ほど生成時間とファイルサイズが増えます。X のタイムラインで滑らかに再生されるのは 5MB 程度までが目安です。

プライバシー・処理について

本ツールは すべてブラウザ内で完結します:

  • .vox / .json ファイルがサーバーに送信されることはありません
  • 3D 描画は WebGL + Three.js でローカル実行
  • GIF エンコードは gif.js (MIT) を Web Worker 内で実行
  • 出力 GIF はブラウザ内 Blob として生成され、ダウンロードリンクで端末に保存

よくある質問

Q. MagicaVoxel で作った .vox がそのまま読み込めますか?
はい、MagicaVoxel の基本的な .vox ファイル (単一モデル、256 色パレット) は読み込めます。複数モデルを持つ .vox は最初のモデルのみが表示されます。サイズが 64×64×64 を超える .vox は本ツールの制約上開けません。
Q. 回転 GIF の透過背景は使えますか?
現バージョンは背景色を埋め込んだ GIF を生成します (デフォルト: 薄いスレートグレー)。透過対応は技術的には可能ですが、X / Instagram など多くの SNS が透過 GIF を白背景として扱うため、見た目の安定性を優先しています。
Q. GIF ではなく MP4 動画が欲しい
現バージョンは GIF のみ対応です。MP4 は MediaRecorder API で実装可能ですが、ブラウザ間の互換性 (Safari の VP9 非対応など) と SNS 投稿時の挙動が複雑なため、まず GIF で安定した出力を提供しています。要望が多ければ実装を検討します。
Q. ファイルはサーバーにアップロードされますか?
いいえ。ファイルの解析、3D 描画、GIF エンコード、すべてがブラウザ内で完結します。サーバーには一切送信されません。
Q. 自分でボクセルアートを作りたい
姉妹ツールの「ボクセルメーカー」をご利用ください (/entertainment/voxel-maker)。ブラウザ内で配置・色塗り・GLB/.vox/OBJ 形式でのエクスポートができます。同じく回転 GIF 出力もできます。

関連ツール

このツールを評価
(0件)