scallable javascript遊戲

Question

這個基於JavaScript的遊戲是如何成爲可縮放的？ http://www.codedread.com/yastframe.php 當您調整瀏覽器窗口大小時，遊戲可以很好地縮放以適應窗口。

是否因爲使用了SVG？

我還必須創建不同的遊戲/教育課程以及其他我想要很好地適用於Flash等任何分辨率的內容。

我確實讀過SVG與分辨率無關的地方。但我不知道如何利用這一點。

Answer 1

它是用下列比值框架集：

cols="130,*,130" 

中期幀（遊戲）寬度因此(page width) - 2 * 130。 SVG已被設置爲width="100%" height="100%"，並將填充完整的中間幀。當你調整你的窗口大小時，當以絕對像素計算時，100%將會變成別的東西，遊戲將會調整大小。

由於視框是0 0 800 600，它會自動保持比例。嘗試將其更改（使用DOM檢查器） 0 0 800 800。由於高度變得更高，遊戲必須向上移動才能騰出空間，因此您會看到遊戲稍微移動到頂部。