遊戲地圖網格如何納入網絡瀏覽器？

假設我們正在Web瀏覽器中製作策略遊戲（思考文明）。遊戲有一個可見的地圖部分 - 比如30x30的方格。每個正方形都是30x30px，並且有幾個疊加的圖像 - 地形，資源，單位，道路等。繪製這種圖像的經典方法是使用巨大的<table>，其中每個單元格將包含絕對定位的圖像。它可能會呈現在Javascript中以減少流量。但它仍然有數千張圖片和一張巨大的桌子。遊戲地圖網格如何納入網絡瀏覽器？

瀏覽器能否接受它？性能是否會降低到可接受的限度以下？另外，我可以保留一個預渲染的地圖圖像，儘可能多的覆蓋圖，但我認爲這會更有效。

來源

2011-02-05 Vilx-

您應該仔細研究一下canvas element，它不需要瀏覽器來存儲和計算整個佈局和其他DOM內容。

這就是說，高性能工作站上的現代瀏覽器可以同時顯示數百幅圖像，如FishIETank所示。但是，許多設備 - 從智能手機到舊電腦 - 都不能。哦，並且使用表格可能比其中的圖像要慢，而其中的position:relative;或absolute和absolute。

來源

2011-02-05 16:08:52 phihag

那麼，我仍然需要一個網格本身來繪製，因此表格。雖然我想它可能是地形圖像的一部分。或者，也許我可以在圖片和背景之間有1px的空間。嗯，是的，我認爲這樣會很好，並減輕負載。至於移動設備 - 界面非常豐富，移動設備無法運行它。因此，他們甚至不在預期的目標受衆中。 – 2011-02-05 16:59:19

看看像grepolis這樣的在線遊戲，他們已經在做一些像遊戲這樣的網格，現代瀏覽器可以輕鬆實現。

來源

2011-02-05 18:22:43

遊戲地圖網格如何納入網絡瀏覽器？

回答

相關問題