3

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

如果我有足够的 64x64 图像来填充我的屏幕大约 100 倍,你会推荐什么技术来移动图像以使其看起来像滚动?

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

我目前正在考虑的:

  • HTML5 画布
  • array1 包含所有图像,数组键是每个图像的坐标
  • array2 仅包含当前屏幕上的图像
  • 向左移动时:
    • 将所有图像向右移动 64 像素(使其以增量方式移动)
    • 从 array1 中获取缺少的图像,剥离掉屏幕上的图像
    • 从画布上删除掉出屏幕的图像

这不是一个真正的游戏,但这就是我想要达到的效果。

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

我主要关心的是:速度。我也希望能够缩小到在屏幕上使用更多图像(32x32,甚至可能是 16x16)的程度,但我知道基于浏览器的应用程序可能无法启动到那个任务。

4

1 回答 1

2

我建议使用MelonJS 框架为您处理这个问题。它可以使用Tiled Map Editor中的地图,这简直太棒了。

于 2012-08-28T06:56:24.300 回答