エンタメ・趣味

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

MagicaVoxel (.vox、最大8MB) やボクセルメーカーJSON (最大2MB) をブラウザ内で3D表示。1辺64・占有32,768個まで、半透明表示、自由回転、ライティング調整、回転GIF出力に対応。サーバー送信なし。

登録不要

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

ボクセルビューワーとは

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

主な用途:

  • 自分の作品を共有したい: 回転する 3D GIF を出力して X や GIF 添付対応サービスで共有
  • 他人の .vox を確認したい: MagicaVoxel をインストールせずに中身をプレビュー
  • 共同制作のレビュー: 受け取った .vox ファイルを開いて回しながら確認

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

対応形式

形式 説明 最大サイズ
.vox MagicaVoxel ネイティブ形式。色番号は 1〜255。RGBA チャンク省略時は仕様既定パレットを使用 1 辺 64・占有 32,768 個・8MB
.json ボクセルメーカーの保存形式 1 辺 64・占有 32,768 個・2MB

version 150 の最初のモデル (MODEL 0) のみを読み込みます。複数モデルを持つ .vox の 2 つ目以降は無視されます。1 辺 64・占有 32,768 個の上限は、表示する最初のモデルに適用します。サイズが立方体でない .vox (例: 64×32×16) は最大辺を基準にした立方体グリッドへ読み込み、見やすいよう可視ボクセルの境界を中央へ合わせて表示します。

RGBA パレットの色と透明度を表示します。MATL 材質、発光、シーン配置、レイヤー設定は再現しません。完全透明のボクセルは 3D と回転 GIF に描画しません。半透明が 4,096 個を超える作品は操作性を保つ点描プレビューへ切り替えますが、GIF生成では元の透明度を使用します。

回転 GIF 出力 (SNS 投稿用)

ビューワー右側の「🎞 回転 GIF を生成」ボタンから、3D モデルを 1 周させた GIF アニメを出力できます。X や GIF 添付に対応したチャット・Webページで、動きのあるボクセルアートを共有するときに利用できます。投稿先が GIF ファイルを直接受け付けるかは、各サービスの投稿画面で確認してください。

設定 推奨値 用途
サイズ384 pxSNS タイムラインで適切に見える
フレーム数3610° 刻みの滑らかな回転
1 周の時間3 秒見やすさと容量のバランスを取りやすい目安

本ツールの出力上限は 50MB です。エンコードは90秒を目安に中止するため、完了しない場合はサイズかフレーム数を下げてください。大きなサイズ・多いフレーム数ほど生成時間とファイルサイズが増えます。X の公式ヘルプではアニメーション GIF の上限をモバイル 5MB、Web 15MB と案内しているため、投稿先の上限を超える場合もサイズやフレーム数を下げてください。サービス側の条件は変更される場合があるため、投稿前に最新の案内も確認してください。

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

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

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

よくある質問

Q. MagicaVoxel で作った .vox がそのまま読み込めますか?
はい、MagicaVoxel の基本的な .vox ファイル (単一モデル、色番号1〜255) は読み込めます。RGBA パレットチャンクがない場合も仕様既定色で表示します。複数モデルは最初のモデルのみです。表示する最初のモデルが1辺64または占有32,768個を超える場合、あるいはファイル全体が8MBを超える場合は開けません。
Q. 3D 表示を開始できない、または途中で止まった場合は?
WebGL 2 が無効、GPU処理が利用できない、または表示中にコンテキストが失われた可能性があります。ブラウザのハードウェアアクセラレーション設定を確認し、画面内の「3D表示を再試行」を押してください。改善しない場合はブラウザや端末を変更してください。
Q. 回転 GIF の透過背景は使えますか?
現バージョンは背景色を埋め込んだ GIF を生成します (デフォルト: 薄いスレートグレー)。GIF の透過表示は投稿先や画像ビューアによって見え方が変わるため、共有時の安定性を優先しています。
Q. GIF ではなく MP4 動画が欲しい
現バージョンは GIF のみ対応です。MP4 は MediaRecorder API で実装可能ですが、ブラウザ間の互換性 (Safari の VP9 非対応など) と SNS 投稿時の挙動が複雑なため、まず GIF で安定した出力を提供しています。要望が多ければ実装を検討します。
Q. ファイルはサーバーにアップロードされますか?
いいえ。ファイルの解析、3D 描画、GIF エンコード、すべてがブラウザ内で完結します。サーバーには一切送信されません。
Q. 自分でボクセルアートを作りたい
姉妹ツールの「ボクセルメーカー」をご利用ください (/entertainment/voxel-maker)。ブラウザ内で配置・色塗り・GLB/.vox/OBJ 形式でのエクスポートができます。同じく回転 GIF 出力もできます。

関連ツール

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