自上而下的RPG-esque网格滚动的最佳技术？

Question

基于浏览器的应用程序，目前在php / js / html5上运行，jquery是我正在使用的唯一框架。

如果我有足够的64x64图像来填充我的屏幕大约100倍，你会建议使用什么技术移动图像以使其看起来像是在滚动？

如果愿意，可以考虑使用oldschool自上而下的RPG。

我目前正在考虑的事项：

• HTML5 Canvas
• 包含所有图像的array1，数组键是每个图像的坐标
• array2，只有当前在屏幕上的图像
• 向左移动时：
  • 将所有图像64px向右移动（使其以增量方式移动）
  • 从array1中获取缺少的图像，剥离从屏幕上掉落的图像
  • 从画布中删除从屏幕上掉落的图像

这不是一个真正的游戏，但 是我想要实现的效果。

我会为此得到任何提示/提示;从“使用html表而不是Canvas”到“不可能为网络简化这一点”。

我主要担心：速度。我希望能够缩小，直到我在屏幕上使用更多图像（32x32，甚至可能是16x16），但我知道基于浏览器的应用程序可能不会启动完成那项任务。

Answer 1

我建议您使用MelonJS framework为您处理此问题。它可以使用来自Tiled Map Editor的地图，这简直太棒了。