最佳技术自顶向下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的地图，这简直太棒了。