html5キャンバスで「次のページ」に移動する方法

Question

グリッド上に建物を配置するブラウザゲームを作成しようとしています。私はすべての建物の写真を持っているキャンバスの底にHUDを持っています。

HUDにはすべての建物を保持するのに十分なスペースがないため、私の計画は建物の「次のページ」に移動するためにクリックするか、 HUDバーの新しいセグメントに移動するスクロールメカニズム

これは大きな問題ではないかもしれませんが、私のHUDはキャンバスの一番下にある画面の一部しかカバーしていないので、キャンバス全体ではなく移動させるだけです。

同様のメカニックを実装している人なら誰でも洞察力を共有したいですか？

Answer 1

は、私は専門家だが、私は、ユーザーが矢印をクリックしたときに、あなたのHUDのすべてを翻訳することによって、ビューポートをエミュレートすることができると思う：

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

のように。しかし、あふれている建物を隠す必要があります。