インストール不要、ブラウザを開くだけで3DモデリングができるWebアプリ「3D CAD」を公開しました。 私自身が、３Dプリンター用にモデルを作っている時にこんなのがあればなと考えながら作りました。
現在デモ版として公開中です。 基本的な機能は一通り使えますが、今後も改善・機能追加を予定しています。バグがあればコメント、DMいただければ助かります。
公開URL: https://3dcad-pi.vercel.app
どんなアプリ？
ブラウザ上で動作する3Dモデリングツールです。立方体や球体などの基本図形を組み合わせて、3Dモデルを作ることができます。
主な機能
9種類のプリミティブ
立方体・球体・円柱・円錐・トーラス・平面・正二十面体・チューブ・ネジの9種類の基本図形をワンクリックで配置できます。
ブーリアン演算
2つのオブジェクトを選択して、和（合体）・差（くり抜き）・積（重なり部分のみ）の演算ができます。穴を開けたり、複雑な形状を作るのに便利です。
個人的こだわりポイント
ネジモデル — ネジ穴を簡単に開けられる
プリミティブにネジ形状を用意しています。これは「ネジそのもの」を作るためというより、ブーリアン演算の「差」と組み合わせて、ネジ用の穴（タップ穴）をワンステップで開けることを主な目的としています。ネジのサイズを指定して配置し、ブーリアン演算で差し引くだけで、ネジ山付きの穴が簡単に作れます。
寸法変更時に軸方向を指定できる
オブジェクトのサイズを変更するとき、どの軸方向に伸縮するかを選べるようにしています。たとえば高さを変えるときに「上方向だけ伸ばす」「下方向だけ伸ばす」「中心から上下均等に伸ばす」といった指定が可能です。一般的な3Dツールではスケールが中心基準で均等にかかることが多いですが、CAD用途では片側だけ伸ばしたい場面が頻繁にあるため、この機能を入れました。
モデリングツール
- 押し出し — 面を押し出して立体化
- スイープ — パスに沿って形状を生成
- フィレット — 角を丸める
- 面取り — 角を斜めにカット
変換ツール
- ミラー — 対称コピー
- 配列コピー — 等間隔に複製
- 整列 — オブジェクト同士を揃える
- 等間隔配置 — 均等に並べる
操作・編集
- 移動・回転・拡縮（ギズモ操作）
- 頂点編集モード
- 測定ツール（距離を計測）
- スナップ機能（正確な位置合わせ）
- Undo / Redo
ビュー機能
- 4分割ビュー — 正面・上面・側面・パースを同時表示
- 断面表示 — X/Y/Z軸で断面カット
- ワイヤーフレーム表示
- 背景色・露出・環境光のカスタマイズ
マテリアル編集
オブジェクトごとに色や質感を変更できます。
インポート・エクスポート
- 対応形式: GLTF / OBJ / STL
- 他の3Dソフトで作ったモデルを読み込んだり、作ったモデルを書き出せます
- スクリーンショット機能もあります
データ保存
ブラウザのローカルストレージに保存できるので、作業を中断しても続きから再開できます。
使い方
- アプリにアクセスする
- 左パネルから図形を選んでクリック → 3Dビューに配置される
- ツールバーで移動・回転・拡縮を切り替えて編集
- 右パネルでサイズやマテリアルを調整
- 完成したらExportで書き出し
ショートカットキーにも対応しています：
| キー | 操作 |
|---|---|
| Q | 選択モード |
| W | 移動 |
| E | 回転 |
| R | 拡縮 |
| V | 頂点編集 |
| M | 測定 |
| F | 選択オブジェクトにフォーカス |
| Ctrl+Z | 元に戻す |
| Delete | 削除 |
今後の予定
現在デモ版として公開中で、引き続き機能追加・改善を進めています。フィードバックがあればぜひコメントください。（正直デバックしきれてない…）
サブスクも考えていますが、世の3dcadよりは安くすると思います。それに伴い、機能もいくつかサブスク用へ移すかもしれません（今のところネジは移す予定です）
コメント