与Jquery的Spacefield

Question

我想编制一个2D-sqare Gamefield。游戏场应包含9个子场。 Gamefield应该是一个Image，就像Spacefield一样。在这里你可以看到这个概念，以及它后来的样子（只是一个样机：P）

在此字段中，我想将对象从一个字段移动到另一个字段（垂直/水平）。但我不知道我怎么能意识到这一点。我曾想过一个多维数组，但我不知道这是否是正确的方法。我需要知道，新图像在图像中的哪个像素开始。但我认为编写这么难的代码并不是一个好主意。我想用Jquery，CSS和HTML来做这件事。它将成为一个非常简单的在线游戏。

门

Answer 1

在游戏开发中，这些字段通常称为tile。

创建一个Tiles的多维数组是完美的。他们是否拥有自己的位置，或者是否取决于单独的渲染器取决于您的设计。

您可能感兴趣的一些链接：

• Tiles and tilemaps overview（虽然这使用了Canvas元素）
• Using CSS transitions可以顺利地从一个瓷砖移动到另一个瓷砖（使用Canvas时不那么有用）
• jQuery animate如果你不喜欢CSS转换，你也可以使用jQuery。

我建议首先在游戏开发中阅读Tiles，有大量的示例实现。