Phaser 3 - 如何在 HEIGHT_CONTROLS_WIDTH 上獲得實際屏幕尺寸？

Question

我正在使用縮放模式HEIGHT_CONTROLS_WIDTH制作主要針對 Phaser 3 上的移動設備的游戲。
在固定高度的情況下，我可以以 3:4 的縱橫比制作游戲並使其居中，這樣它就會自動裁剪高設備的側面。

我正在關注這個例子。

但是，現在我遇到了一個問題：我無法獲得實際的可見屏幕尺寸。
我的 UI 按鈕位於游戲的左上角和右上角。
但是隨着游戲為高設備裁剪，它們在這些設備上是不可見的。
我需要能夠獲得可見的屏幕尺寸以將它們錨定在正確的位置。

我試過this.cameras.main.width 、 window.innerWidth 、 window.outerWidth等等，但沒有任何效果。
有什么方法可以讓我在裁剪后獲得實際的可見屏幕尺寸？

Answer 1

嘗試這個：

this.canvas.getBoundingClientRect();

它應該為您提供有關畫布所需的信息。