電暈模擬器未顯示完整圖像

Question

我正在使用電暈創建簡單的游戲。

我要做的第一件事是加載背景圖片； 但是我得到的是，電暈模擬器在最左上側顯示一小部分圖像，而其余圖像則保持黑色，即使我使用了所有縮放模式，我也確信圖像大小。

然后，我在display.newimage方法中添加了三個參數，因此情況有所改善，但左側仍然有一個黑條。

我的config.lua

application = {
content = {
    fps = 60,
    width = 320,
    height = 480,
    scale = "zoomEven",
   -- xAlign = "center",
    --yAlign = "center",
    imageSuffix = {
        ["@2x"] = 2;
    },
},
}

和main.lua

local background = display.newImage("images/clouds.png");

在所有設備上的第一個結果

那么我取得更好的結果是對main.lua進行了較小的編輯

local background = display.newImage("images/clouds.png",230,150, true);

第二個結果

Answer 1

您必須修改anchor屬性，該屬性允許您控制對象沿x或y方向的對齊方式。 默認情況下，新對象的錨點設置為0.5對應於中心路線。 將其設置為0表示對象的左邊緣。

local background = display.newImage("images/clouds.png");
background.anchorX = 0
background.anchorY = 0

Answer 2

默認情況下，display.newImage（）將要以X，Y為0,0繪制對象。 這代表對象的中心。 您可以如上所述更改錨點。 您可以提供X，Y作為display.newImage（）的參數，也可以執行以下操作：

local background = display.newImage("images/clouds.png");
background.x = display.contentCenterX
background.y = display.contentCenterY

我個人更喜歡這種方法，因為您可以明確地放置項目。

搶