マイクラ設計図ジェネレーター(mc-blueprint)
マイクラLOVE部🎮 向けの建築設計図サイトです。
- 1段目から屋根のてっぺんまで、段ごとのマス目図でブロックの配置を確認できます
- 幅・奥行き(5〜21)、壁の高さ、屋根・家具のあり/なしを選ぶと図とブロック数を再計算します
- 下の段の重ね表示、立体風プレビュー、PNG保存、共有URLに対応
使い方
index.html をブラウザで開くだけで動きます(ビルド不要の静的サイト)。
公開
Cloudflare Pages(ビルドコマンドなし・出力ディレクトリ /)で配信します。
UIモック(ui-mock ブランチ)
- トップ: プルダウンの代わりにカード一覧(自動サムネイル・カテゴリ・難易度・ブロック数・作者・検索・並べ替え)。メタ情報は
data/index.jsonのcategory/difficulty/author/date/likes/sample。sample:trueは見本データ。 editor.html: 設計図エディタ(モック。保存は localStoragemb-mygalleryのみ)。?demo=1で見本の家を描画。my-gallery.html: 保存一覧(下書き/申請中/公開中)。?demo=1で見本データを投入。- 「パスキーでログイン」「マイ設計図に保存」「公開申請」はモック表示のみ。
CSV形式(エディタの取り込み・書き出し)
1行目はヘッダー layer,x,z,block。以降、1行に1ブロック。
layer… 段(1=いちばん下)x… 横(西→東、1から)z… 奥行(北→南、1から)block… ブロック名(例:オークの板材)またはエディタの記号(例:P)。不明な名前は丸石になります。
空気(何もないマス)は書きません。グリッドの大きさは最大の x / z / layer から決まります。
layer,x,z,block
1,1,1,丸石
1,2,1,丸石
2,1,1,オークの原木
JSON はサイトの設計図形式(data/*.json と同じ)をそのまま読み書きできます。
ログイン・保存(Pages Functions + D1)
- API:
functions/api/[[path]].js(/api/auth/*, /api/blueprints, /api/public, /api/admin/*) - DBスキーマ:
migrations/0001_init.sql、本番セットアップはSETUP.md functions/_lib/webauthn.jsは @simplewebauthn/server v13 を esbuild で1ファイルにしたもの(ビルド不要にするため同梱)。
再生成: npm i @simplewebauthn/server@13 esbuild → echo "export {generateRegistrationOptions,verifyRegistrationResponse,generateAuthenticationOptions,verifyAuthenticationResponse} from '@simplewebauthn/server';" > e.js && npx esbuild e.js --bundle --format=esm --platform=browser --target=es2022 --minify --outfile=functions/_lib/webauthn.js
vendor/simplewebauthn-browser.min.jsは @simplewebauthn/browser v13 の UMD バンドル。- ローカル開発: D1 をローカルで作成(
wrangler d1 execute mc-blueprint-db --local --file migrations/0001_init.sql)後、
npx wrangler pages dev . --d1 DB=
- 管理者: 環境変数
ADMIN_USERNAMES(カンマ区切り、大文字小文字無視)またはADMIN_USER_IDS。
---
このファイルを更新したら node scripts/build-readme.js で readme.html も再生成してください。
このページは README.md を HTML に変換したものです。更新時は node scripts/build-readme.js で再生成してください。