@nanotoolkit/create-game 0.1.22 → 0.1.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanotoolkit/create-game",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "private": false,
   "license": "UNLICENSED",
   "type": "module",
@@ -16,7 +16,7 @@
     "node": ">=18"
   },
   "pinnedVersions": {
-    "@nanotoolkit/game-sdk": "0.1.15",
+    "@nanotoolkit/game-sdk": "0.1.16",
     "@nanotoolkit/game-cli": "0.1.10"
   },
   "publishConfig": {

package/template/src/main.js

@@ -1,5 +1,5 @@
 import Phaser from 'phaser';
-import { ready, on, getUI } from '@nanotoolkit/game-sdk';
+import { ready, on, getUI, setContentSize } from '@nanotoolkit/game-sdk';
 
 const BUNDLE_ID = '__BUNDLE_ID__';
 
@@ -8,15 +8,15 @@ const H = 1280;
 
 class MainScene extends Phaser.Scene {
     create() {
-        this.add
-            .text(W / 2, H / 2, '__TITLE__', {
+        const title = this.add
+            .text(0, 0, '__TITLE__', {
                 fontFamily: 'sans-serif',
                 fontSize: '48px',
                 color: '#f5f0e6',
             })
             .setOrigin(0.5);
 
-        ready(BUNDLE_ID, {desktop: {preferredAspectRatio: 16 / 9}}, (init) => {
+        ready(BUNDLE_ID, (init) => {
             this.platformInit = init;
         });
 
@@ -25,6 +25,16 @@ class MainScene extends Phaser.Scene {
             this.layoutAdvice = this.platformUI?.layout ?? null;
             this.screenLevel = this.platformUI?.screenLevel ?? null;
             this.useLargeLayout = this.screenLevel === 'Large';
+            const width = this.useLargeLayout ? 1280 : W;
+            const height = this.useLargeLayout ? 720 : H;
+            this.scale.setGameSize(width, height);
+            title.setPosition(width / 2, height / 2);
+            const content = this.platformUI?.displayMode === 'content';
+            document.body.style.touchAction = content ? 'pan-y' : 'none';
+            this.game.canvas.style.touchAction = content ? 'pan-y' : 'none';
+            if (this.input.manager.touch) this.input.manager.touch.capture = !content;
+            if (this.platformUI?.displayMode === 'content' && this.platformUI.viewport)
+                setContentSize({width: this.platformUI.viewport.width, height: this.platformUI.viewport.width * height / width});
         };
         syncUI();
         const stopUI = on('ui', syncUI);