等距中的对象

时间:2011-07-12 22:24:17

标签: javascript html5 canvas isometric

我正在尝试glacialflame.com的教程(很棒的教程如何在HTML5 Canvas中创建等距图形!)

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

在此示例中是带有对象的等轴测图。平铺宽度为50,高度为25,对象的大小与平铺相同(对象只能在一个平铺中绘制)。我如何创建另一种类型的对象,其宽度为200,高度为100,并绘制4个图块?我会创建另一个对象Array并设置此数组的大小,还是有更好的方法来执行此操作?

1 个答案:

答案 0 :(得分:0)

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

我认为你有两种方式:

  1. 您可以使用更大的图块(但如果所有游戏对象具有相同的尺寸,这很方便)
  2. 如您所提议的,您可以拥有相同的瓷砖尺寸(50 * 25),但使用更多瓷砖以绘制更大的物体(即:物体200 * 100)。 如果你有不同尺寸的不同物体,我建议采用这种方法。
  3. 最后的选择取决于你。