最好的技术自上而下RPG风格的网格滚动

Best technique for topdown RPG-esque grid based scrolling?

本文关键字:风格 网格 RPG 滚动 自上而下 技术      更新时间:2023-09-26

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

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

如果你愿意的话,想想老式的自上而下的RPG吧。

我目前正在考虑:

  • HTML5画布
  • array1,包含所有图像,数组键是每个图像的坐标
  • array2,其中只有当前屏幕上的图像
  • 当向左移动时:
    • 将所有图像向右移动64px(使其以增量移动)
    • 从阵列1中提取缺少的图像,剥离掉在屏幕上的图像
    • 从画布中删除从屏幕上掉下来的图像

这不是一个真正的游戏,但是我试图达到的效果。

我会接受我能得到的任何提示;从"使用html表而不是Canvas"到"不可能为web简化这一点"。

我主要关心的是速度。我也想缩小屏幕,在屏幕上使用更多的图像(32x32,甚至16x16),但我知道基于浏览器的应用程序可能无法胜任这项任务。

我建议使用MelonJS框架来为您处理此问题。它可以使用平铺贴图编辑器中的贴图,这简直太棒了。