最好的技术自上而下RPG风格的网格滚动
Best technique for topdown RPG-esque grid based scrolling?
基于浏览器的应用程序,目前运行在php/js/html5上,jquery是我唯一使用的框架。
如果我有足够的64x64图像来填充我的屏幕大约100倍,你建议使用什么技术来移动图像,使其看起来像是在滚动?
如果你愿意的话,想想老式的自上而下的RPG吧。
我目前正在考虑:
- HTML5画布
- array1,包含所有图像,数组键是每个图像的坐标
- array2,其中只有当前屏幕上的图像
- 当向左移动时:
- 将所有图像向右移动64px(使其以增量移动)
- 从阵列1中提取缺少的图像,剥离掉在屏幕上的图像
- 从画布中删除从屏幕上掉下来的图像
这不是一个真正的游戏,但是我试图达到的效果。
我会接受我能得到的任何提示;从"使用html表而不是Canvas"到"不可能为web简化这一点"。
我主要关心的是速度。我也想缩小屏幕,在屏幕上使用更多的图像(32x32,甚至16x16),但我知道基于浏览器的应用程序可能无法胜任这项任务。
我建议使用MelonJS框架来为您处理此问题。它可以使用平铺贴图编辑器中的贴图,这简直太棒了。
相关文章:
- 剑道网格jQuery动画()问题
- 使用Dnamics CRM 2011中的JavaScript读取子网格的所有记录,而不考虑活动页面
- 我可以更改剑道UI网格吗's的外键值
- 为什么Airbnb风格指南说不鼓励依赖函数名称推断
- CKEditor-我在editor.css中的风格是't
- jqGrid树网格问题
- 在Three.js中导出网格会提高性能吗
- 如何在剑道网格初始化后设置pageSizes
- 在threejs中使用纹理网格和线框网格
- 如何在可分组的剑道网格中设置空数据文本
- 如何在Angular UI网格中选择下一行
- ExtJS网格单元格编辑器,防止焦点松动问题
- 多维数据集网格未在指定的分区中绘制
- 光线投射从内部投射时不会碰到网格
- 使用javascript在MVC中查找网格长度时出错
- 最好的技术自上而下RPG风格的网格滚动
- 如果我在网格-地铁风格的应用程序中滑动项目,则无法移动屏幕
- 网格的风格类似于orangina.eu
- 剑道UI网格和ng风格
- 筛选Pinterest风格的网格