javascript - 等轴测对象

Question

我正在尝试来自glacialflame.com的教程（很棒的教程如何在 HTML5 Canvas 中创建等距图形！）

现在我有了这个：http: //jsfiddle.net/fUm6n/3/

在此示例中是带有对象的等轴测图。瓦片宽度为 50，高度为 25，对象与瓦片大小相同（对象只能在一个瓦片中绘制）。我将如何创建另一种类型的对象，其宽度为 200，高度为 100，并绘制 4 个图块？我会创建另一个对象Array并设置这个数组的大小，还是有更好的方法来做到这一点？

Answer 1

我不是专家。但是，我已经答应自己在有更多时间时阅读“html5 canvas”一书。

我认为你有两种方法：

1. 您可以使用更大的图块（但如果您所有的游戏对象都具有相同的尺寸，这会很方便）
2. 正如您所建议的，您可以拥有相同的瓷砖尺寸（50 * 25），但使用更多瓷砖来绘制更大的对象（即：对象 200 * 100）。如果您有不同尺寸的不同对象，我建议使用这种方法。

最终的选择取决于你。