等距帆布/ SVG HTML 5个图像

Question

我正在寻找一些教程，我该怎么做帆布或SVG（不知道这）图像等轴测图的即时战略游戏的目的。图像只能在可见部分点击，否则用户应该点击背景图像。它可以通过自动检测PNG的透明区域或通过颜色叠加来完成。我不知道哪一个最好。

谢谢。

Answer 1

如果你会不会改变你的场景的角度来看的话，我将与SVG去，因为他们是DOM元素（可点击出的即装即用），你可以点击区域限制在非透明元素的一部分。一个非常好的SVG库是RaphaelJS。

画布是一种不同的动物。您在画布上绘制矢量/栅格不是“保留”，不像SVG意味着，你不能指导你只是画在画布上的框移动。相反，您负责将该框重新绘制到您想要的位置。当您在画布上绘制的一切，它基本上是成了一大位图。如果您的场景视角将会发生变化，您可能需要哪种帆布最适合：速度和灵活性。使用矩阵变换，您可以进行二维运动，旋转，缩放和倾斜。由于您负责转换矩阵，因此您还可以模拟3D运动。如果您的用户使用非IE浏览器，您也可以使用WebGL，它是一个完整的3D成像系统。有了这种能力，就会带来复杂性，因此您可能会查看许多可用于画布的游戏开发平台。

使用这两种元素，你可以使用WebSockets做你的RTS（当然降级为长轮询不支持WebSockets的浏览器）。