Node Geometry Editor

Babylon.js Node Geometry Editor はブラウザだけでノードベースの Geomtry を作成することのできるツールです。

同様のツールとしては Node Material Editor があります。

https://scrapbox.io/files/6828c6788f89c1ed9a3625a6.png

MCP Server として使う方法

1. 準備（初回のみ）

code:PowerShell

git clone https://github.com/BabylonJS/Babylon.js.git C:\github\Babylon.js

cd C:\github\Babylon.js

npm install

2. MCP クライアントへの登録

方法A（推奨）: npm 公開版 @babylonjs/mcp-servers を npx で起動

claude_desktop_config.json の例:

code:json

"mcpServers": {

"babylonjs-nge": {

"command": "C:\\Program Files\\nodejs\\npx.cmd",

"args": "-y", "@babylonjs/mcp-servers", "nge"

}

方法B: ローカルビルド版（サーバー改造・未リリース変更を試す場合のみ）

code:PowerShell

npm run build -w @tools/nge-mcp-server

code:json

"mcpServers": {

"babylonjs-nge": {

"command": "node",

"args": "C:\\github\\Babylon.js\\packages\\tools\\nge-mcp-server\\dist\\index.js"

}

登録後、クライアントを再起動。

3. エディタの起動（毎回）

ターミナルを2つ使う:

code:PowerSHell

# ターミナル1: babylonServer（初回はビルドに時間がかかる）

cd C:\github\Babylon.js

npm start

# ターミナル2: Node Geometry Editor（パッケージ名は @tools/node-geometry-editor）

cd C:\github\Babylon.js

npm run serve -w @tools/node-geometry-editor

Vite が表示する URL をブラウザで開く。

4. MCP セッションへの接続

AI 側で create_geometry（または start_session）を実行すると、セッション URL が返る:

http://localhost:3002/session/<id>

エディタの MCP セッション接続パネル（Properties 内）に貼り付けて接続

以後、AI がブロックを追加・接続するとエディタにリアルタイム反映される

5. 基本ワークフロー

code:text

create_geometry → add_block → connect_blocks

→ validate_geometry → export_geometry_json

ツールのURL

Babylon.js Node Geometry Editor

https://nge.babylonjs.com/

使い方

Node Geomtry | Babylon.js Documentation