RIBOのドット絵・ボクセル設計図メーカー

1. 画像を読み込む
*背景を透過した画像をオススメします

メイン画像を入れると自動で3Dブロック化されます。
※透過画像の場合は「背景を透明にする」チェックを外してください。

2. 編集する・色を塗る

• 編集モード (画面上の青いボタン): オンにすると、ペンでブロックを追加したり、消しゴムで消せます。
• 範囲選択: ブロックをドラッグで囲むと、一気に色を塗ったり削除できます。

3. 画面の移動・ショートカット（キーボード）

• カメラ平行移動: W A S D または右下の十字ボタン
• ズームイン/アウト: E で近づく、Q で遠ざかる
• 元に戻す / 進む: Ctrl+Z で戻る、Ctrl+Shift+Z で進む
• 複数選択: 範囲選択時、Ctrl + クリック / ドラッグ で離れた場所もまとめて選択
• 連続配置: ペン選択時、Shift + ドラッグ で同じ高さに連続で置く

4. 確認と建築

• 素材リスト: 右パネルのリストの色を押すと、その色が使われている場所にズームし、塗る色が自動セットされます。
• 建築シミュレーション: 画面下のバーで、下から1段ずつどう積むかを確認できます。

5. データの保存と共有

• データの保存・共有: 進行状況を「一時保存」でブラウザに記憶したり、「共有リンク(URL)」を発行して直接友達に見せることができます！