最佳技術自頂向下RPG式的網格滾動？

Question

基於瀏覽器的應用程序，目前運行在php/js/html5上，jquery是我使用的唯一框架。

如果我有足夠的64x64圖像填滿我的屏幕大約100x，您會推薦什麼技術來移動圖像，使其看起來像滾動？

想想老派自上而下的RPG的，如果你願意。

什麼我目前正在考慮：

• HTML5畫布
• 陣列1的所有圖像，數組鍵是COORDS爲每個圖像
• 數組2只對當前屏幕上的圖像
• 當向左移動時：
  • 將所有圖像64px向右移動（以便它以增量移動）
  • 取出由陣列1的缺乏圖像，剝離該下車屏幕
  • 去除從畫布脫落屏幕上的圖像的那些

這不是一個實際的遊戲，但是我試圖實現的效果。

我會採取任何提示/提示，我可以得到這個;從「使用HTML表格而不是Canvas」到「不可能爲Web簡化」。

我主要關心的是：速度。我希望能夠縮小，以至於我會在屏幕上使用很多圖像（32x32，甚至可能是16x16），但我知道基於瀏覽器的應用程序可能無法啓動到那個任務。

Answer 1

我建議使用MelonJS framework來處理這個問題。它可以使用Tiled Map Editor的地圖，這簡直太棒了。