next2d-development-mcp 1.2.0 → 1.4.0

package/dist/references/develop-specs.md

@@ -1286,6 +1286,69 @@ export class TopBtnMolecule extends ButtonAtom {
 }
 ```
 
+### 親 Sprite コンテナの 0,0 中心設計（アニメーション推奨パターン）
+
+アニメーション用の親 Sprite コンテナは、**0,0 を視覚的コンテンツの中心点に設計する**のが推奨。  
+`rotation` / `scaleX` / `scaleY` はすべて 0,0 を軸に動くため、0,0 が左上だと回転・拡縮が視覚的にズレる。
+
+```
+        0,0（中心点）
+           |
+     ------+------
+    |             |
+    |   content   |
+    |             |
+     -------------
+  (-w/2, -h/2)   (w/2, -h/2)
+```
+
+#### NG: 0,0 が左上になるパターン（頻出バグ）
+
+```typescript
+// NG: container の 0,0 が左上 → rotation/scale が左上を基点に動く
+const container = new Sprite();
+container.x = stageWidth / 2 - contentWidth / 2; // 左上基準で中央に配置しようとする
+container.y = stageHeight / 2 - contentHeight / 2;
+
+const child = new YourContent();
+container.addChild(child); // child の左上が container の 0,0 に来る
+// → rotation アニメーションが左上を軸に回転してしまう
+```
+
+#### OK: 0,0 が中心点になるパターン（推奨）
+
+```typescript
+// OK: container の 0,0 = 視覚的中心点 → rotation/scale が中心を基点に動く
+const container = new Sprite();
+container.x = stageWidth / 2;  // 中心座標を設定
+container.y = stageHeight / 2;
+
+const child = new YourContent();
+// child のサイズ確定後にオフセットを計算
+child.x = -child.width  / 2;
+child.y = -child.height / 2;
+container.addChild(child);
+// → rotation / scaleX / scaleY アニメーションが中心を基点に自然に動く
+```
+
+複数の子オブジェクトを持つ場合も同様に、全ての child を中心基準でオフセット配置する：
+
+```typescript
+const container = new Sprite();
+container.x = stageWidth / 2;
+container.y = stageHeight / 2;
+
+for (const item of items) {
+    const child = new ItemAtom(item);
+    // 各 child も中心基準でオフセット
+    child.x = -child.width  / 2;
+    child.y = -child.height / 2 + indexOffset; // 縦並びなどのレイアウト調整
+    container.addChild(child);
+}
+```
+
+---
+
 ### DisplayObject の中心点基準配置（scale・rotation アニメーション必須）
 
 `scaleX` / `scaleY` / `rotation` を変更すると `width` / `height` の値が変わる。

package/dist/references/player-specs.md

@@ -241,6 +241,7 @@ DisplayObjectは、Next2D Playerにおける全ての表示オブジェクトの
 | `mouseX` | number | 対象のDisplayObjectの基準点からのマウスのX座標（ピクセル） |
 | `mouseY` | number | 対象のDisplayObjectの基準点からのマウスのY座標（ピクセル） |
 | `root` | MovieClip \| Sprite \| null | DisplayObjectのルートであるDisplayObjectContainer |
+| `namespace` | string | クラスの空間名（例: `"next2d.display.Sprite"`）を返却。クラス判定に使用する（詳細は[クラス判定](#クラス判定namespace)を参照） |
 
 ### 読み書きプロパティ
 
@@ -480,6 +481,45 @@ sprite.cacheAsBitmap = null;
 - `stage.rendererScale`が変更されるとキャッシュが自動的に無効化されます
 - `filter`と`cacheAsBitmap`を同時に設定した場合、`cacheAsBitmap`が優先されます
 
+## クラス判定（namespace）
+
+クラスの種類を判定する際に `constructor.name` を使用してはいけません。プロダクションビルドでは minify によってクラス名が短縮・変更されるため、開発環境では動作してもビルド後に判定が壊れます。
+
+代わりに `namespace` プロパティを使用します。`namespace` はハードコードされた文字列（例: `"next2d.display.Stage"`）を返すため、minify の影響を受けません。インスタンスの getter と static getter の両方が用意されています。
+
+```typescript
+const { Stage, Sprite } = next2d.display;
+
+// ❌ NG: minify でクラス名が変わるため、ビルド後に判定が壊れる
+if (displayObject.constructor.name === "Stage") { /* ... */ }
+
+// ✅ OK: インスタンスの namespace で判定
+if (displayObject.namespace === "next2d.display.Stage") { /* ... */ }
+
+// ✅ OK: static の namespace と比較するとタイポも防げる
+if (displayObject.namespace === Stage.namespace) { /* ... */ }
+
+// ✅ OK: Sprite かどうかの判定
+if (displayObject.namespace === Sprite.namespace) { /* ... */ }
+
+// ✅ OK: Stage 判定は isStage フラグも使用可能（Stage のみが持つ readonly プロパティ）
+if (displayObject.isStage) { /* ... */ }
+```
+
+**namespace を持つ主なクラス:**
+
+| クラス | namespace の値 |
+|--------|----------------|
+| `Stage` | `"next2d.display.Stage"` |
+| `Sprite` | `"next2d.display.Sprite"` |
+| `MovieClip` | `"next2d.display.MovieClip"` |
+| `Shape` | `"next2d.display.Shape"` |
+| `Loader` | `"next2d.display.Loader"` |
+| `TextField` | `"next2d.display.TextField"` |
+| `Video` | `"next2d.media.Video"` |
+
+**補足:** 継承を含めた機能判定（「Sprite の機能を持っているか」など）には `isStage` / `isSprite` / `isShape` / `isText` / `isVideo` / `isContainerEnabled` / `isTimelineEnabled` の各フラグを使用します。`namespace` は完全一致のクラス判定に使用します。
+
 ## 関連項目
 
 - [MovieClip](/ja/reference/player/movie-clip)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "next2d-development-mcp",
   "displayName": "Next2D Development MCP",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "MCP server for Next2D application development assistance",
   "type": "module",
   "author": "Toshiyuki Ienaga <ienaga@next2d.app>",
@@ -52,12 +52,12 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/node": "^25.9.1",
+    "@types/node": "^25.9.3",
     "@types/vscode": "^1.120.0",
-    "@typescript-eslint/eslint-plugin": "^8.60.1",
-    "@typescript-eslint/parser": "^8.60.1",
-    "@vscode/vsce": "^3.9.1",
-    "eslint": "^10.4.1",
+    "@typescript-eslint/eslint-plugin": "^8.61.0",
+    "@typescript-eslint/parser": "^8.61.0",
+    "@vscode/vsce": "^3.9.2",
+    "eslint": "^10.5.0",
     "eslint-plugin-unused-imports": "^4.4.1",
     "globals": "^17.6.0",
     "typescript": "^6.0.3",