等距帆布/ SVG HTML 5個圖像

Question

我正在尋找一些教程，我該怎麼做帆布或SVG（不知道這）圖像等軸測圖的即時戰略遊戲的目的。圖像只能在可見部分點擊，否則用戶應該點擊背景圖像。它可以通過自動檢測PNG的透明區域或通過顏色疊加來完成。我不知道哪一個最好。

謝謝。

Answer 1

如果你會不會改變你的場景的角度來看的話，我將與SVG去，因爲他們是DOM元素（可點擊出的即裝即用），你可以點擊區域限制在非透明元素的一部分。一個非常好的SVG庫是RaphaelJS。

畫布是一種不同的動物。您在畫布上繪製矢量/柵格不是「保留」，不像SVG意味着，你不能指導你只是畫在畫布上的框移動。相反，您負責將該框重新繪製到您想要的位置。當您在畫布上繪製的一切，它基本上是成了一大位圖。如果您的場景視角將會發生變化，您可能需要哪種帆布最適合：速度和靈活性。使用矩陣變換，您可以進行二維運動，旋轉，縮放和傾斜。由於您負責轉換矩陣，因此您還可以模擬3D運動。如果您的用戶使用非IE瀏覽器，您也可以使用WebGL，它是一個完整的3D成像系統。有了這種能力，就會帶來複雜性，因此您可能會查看許多可用於畫布的遊戲開發平臺。

使用這兩種元素，你可以使用WebSockets做你的RTS（當然降級爲長輪詢不支持WebSockets的瀏覽器）。