如何轉到HTML5畫布上的「下一頁」

Question

我正在嘗試製作一個瀏覽器遊戲，我將建築物放置在網格上。我在畫布底部有一個HUD，上面有所有建築物的圖片。

平視顯示器沒有足夠的空間容納所有的建築物，所以我的計劃是有一個箭頭 - >用戶可以點擊進入建築物的「下一頁」，或者實現某種形式的滾動機制移動到HUD欄的新部分？

這可能不是一個大問題，但由於我的HUD只覆蓋畫布底部的一部分屏幕，所以我只會移動它，而不是整個畫布。

任何實施類似機制的人都想分享一些見解嗎？

Answer 1

我不是專家，但我認爲你可以通過在你的HUD翻譯一切，當用戶點擊箭頭模擬視：

building1.x += 50; 
building2.x += 50; 

等。但是，你必須隱藏溢出的建築物。