ボクセルビューワー (.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 px | SNS タイムラインで適切に見える |
| フレーム数 | 36 | 10° 刻みの滑らかな回転 |
| 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 出力もできます。
出典・参考文献
関連ツール
ボクセルメーカー (3Dドット絵エディタ)
ブラウザで3Dボクセルアートを作成。配置・削除・塗替・スポイトツール、レイヤー編集、左右対称モード搭載。4種のプリセットパレット対応。8³・16³・32³・64³および任意サイズ(最大64³・配置32,768個)のグリッド、GLB/MagicaVoxel(.vox)/OBJ+MTL(ZIP)形式でエクスポート。半透明4,096個超は点描プレビューに切り替え、出力時の透明度は保持。
ピクセルアートメーカー (ドット絵エディタ)
ブラウザでドット絵を作成。6種の描画ツール、全描画ツール対応の左右対称モード、4種のパレット、8×8〜64×64キャンバス、透過PNG出力、128KB以下のJSON保存・読込に対応。
画像から GIF アニメ作成ツール
JPEG・PNG・WebPを1回40候補まで確認し、最大20枚並べてGIFアニメを作成。表示時間、2値透過、繰り返し、品質、収める・切り抜く・引き伸ばす配置を調整でき、処理はブラウザ内で完結。
画像フォーマット変換
8形式の画像をJPEG・PNG・WebP・AVIF・TIFF・GIFへ変換。最大20件・入力合計200MBの順次変換、品質調整、個別・ZIPダウンロードに対応。アニメーションと複数ページは先頭のみ。


