wy51ai/floorplan-3d

これは何？

主な機能

• 0160種類以上の家具・家電を、1:60または1:100の縮尺で2D間取り図にドラッグして配置できます。
• 02俯瞰、斜め、真上からの3D表示を切り替えたり、一人称視点で移動したりできます。
• 03壁にスナップして距離を測り、非耐力壁を取り除けます。
• 04部屋の面積と使用可能面積を自動計算し、床材の費用を見積もれます。
• 05編集内容を元に戻したりやり直したりでき、間取り図はブラウザのローカルストレージに保存されます。
• 06間取りをPNGまたはJSONとしてエクスポートし、保存済みの間取りをインポートできます。

ユースケース

• 家具を購入する前に、マンションでの配置を計画する。
• リフォームで壁の撤去や部屋のレイアウト変更を試す。
• 部屋ごとに床材の費用を見積もる。
• 自宅のデータに合わせて間取りや家具ライブラリをカスタマイズする。

クイックスタート

1. 1

   リポジトリをクローンする

   git clone <仓库地址>
2. 2

   リポジトリのディレクトリに移動する

   cd <仓库目录>
3. 3

   ブラウザーで index.html を開くか、ローカルの静的サーバーを起動する

   python3 -m http.server 8000

使う前に知っておきたいこと

• !3DシーンはCDNからThree.jsを読み込むため、初回起動時にはインターネット接続が必要です。

トピック

よくある質問

floorplan-3d とは？

家具の配置や壁の編集、2Dでの採寸ができ、Three.jsの3Dシーンで間取りを確認できるフロントエンド専用ツール。 floorplan-3dは、ブラウザ上で使える住宅の間取り・インテリア設計ツールです。1:60または1:100の縮尺で2D間取り図に家具を配置し、アイテムをドラッグして回転させたり、距離を測ったり、非耐力壁を取り除いたりできます。アプリ全体が単一のindex.htmlファイルで構成されていて、ビルド不要なので、ブラウザでページを開くだけで動作します。

floorplan-3d は無料で使えますか？ライセンスは？

floorplan-3d は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

floorplan-3d は今もメンテナンスされていますか？

活発にメンテナンス中。floorplan-3d の最終コミットは 2026年10月2日 です。

floorplan-3d は何に使えますか？

家具を購入する前に、マンションでの配置を計画する。 リフォームで壁の撤去や部屋のレイアウト変更を試す。 部屋ごとに床材の費用を見積もる。 自宅のデータに合わせて間取りや家具ライブラリをカスタマイズする。

floorplan-3d のインストール方法は？

リポジトリをクローンする: git clone <仓库地址> リポジトリのディレクトリに移動する: cd <仓库目录> ブラウザーで index.html を開くか、ローカルの静的サーバーを起動する: python3 -m http.server 8000

floorplan-3d はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/wy51ai/floorplan-3d