Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自上而下RPG风格的基于网格的滚动的最佳技术?_Javascript_Jquery_Html_Canvas - Fatal编程技术网

Javascript 自上而下RPG风格的基于网格的滚动的最佳技术?

Javascript 自上而下RPG风格的基于网格的滚动的最佳技术?,javascript,jquery,html,canvas,Javascript,Jquery,Html,Canvas,基于浏览器的应用程序,目前运行在php/js/html5上,jquery是我唯一使用的框架 如果我有足够的64x64图像填满我的屏幕大约100倍,你会推荐什么技术来移动图像,使其看起来像是滚动的 如果你愿意的话,想想老派自上而下的RPG吧 我目前正在考虑的是: HTML5画布 具有所有图像的数组1,数组键为每个图像的坐标 array2仅显示屏幕上当前的图像 向左移动时: 将所有图像向右移动64像素(使其以增量移动) 从阵列1中提取缺少的图像,剥离掉屏幕上的图像 从画布中删除从屏幕上掉下来的图

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

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

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

我目前正在考虑的是:

  • HTML5画布
  • 具有所有图像的数组1,数组键为每个图像的坐标
  • array2仅显示屏幕上当前的图像
  • 向左移动时:
    • 将所有图像向右移动64像素(使其以增量移动)
    • 从阵列1中提取缺少的图像,剥离掉屏幕上的图像
    • 从画布中删除从屏幕上掉下来的图像
这不是一场真正的比赛,但这正是我想要达到的效果

我将接受我能得到的任何提示/提示;从“使用html表格而不是画布”到“不可能为web简化此过程”


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

我建议使用。它可以使用来自的地图,这简直太棒了。

看看它,喜欢它,可能会使用它。不过现在,我不会将此标记为正确答案,因为我想自己编写一些代码;)“我们稍后再打给你”!干杯到期的信贷;没有其他答复;)再次干杯,如果我最终使用它,我会在这里发布。太好了,我很感激它,我很高兴你喜欢MelonJS!对,所以。最后,我对MelonJS进行了长时间的仔细研究,并决定自己编写一些代码。这既是一种锻炼,也是因为我想采取一种稍微不同的方法。正如我所说,非常感谢您的链接!:)