基于浏览器的应用程序,目前在 php/js/html5 上运行,jquery 是我使用的唯一框架。
如果我有足够的 64x64 图像来填充我的屏幕大约 100 倍,你会推荐什么技术来移动图像以使其看起来像滚动?
如果你愿意的话,想想老式的自上而下的 RPG。
我目前正在考虑的:
- HTML5 画布
- array1 包含所有图像,数组键是每个图像的坐标
- array2 仅包含当前屏幕上的图像
- 向左移动时:
- 将所有图像向右移动 64 像素(使其以增量方式移动)
- 从 array1 中获取缺少的图像,剥离掉屏幕上的图像
- 从画布上删除掉出屏幕的图像
这不是一个真正的游戏,但这就是我想要达到的效果。
我会为此提供任何提示/提示;从“使用 html 表格而不是 Canvas”到“无法为网络简化这一点”。
我主要关心的是:速度。我也希望能够缩小到在屏幕上使用更多图像(32x32,甚至可能是 16x16)的程度,但我知道基于浏览器的应用程序可能无法启动到那个任务。