可扩展的JavaScript游戏

时间:2011-08-25 07:56:29

标签: javascript html html5 svg

这款基于JavaScript的游戏如何可扩展? http://www.codedread.com/yastframe.php 当您调整浏览器窗口大小时,游戏可以很好地适应窗口。

是否因为使用了SVG?

我还必须创建不同的游戏/教育课程和其他我希望在Flash等任何分辨率下都能很好地适应的东西。

我确实读过SVG与分辨率无关的地方。但我不知道如何利用它。

1 个答案:

答案 0 :(得分:1)

这是一个具有以下比率的框架集:

cols="130,*,130"

中间帧(游戏)宽度因此为(page width) - 2 * 130。 SVG已设置为width="100%" height="100%",并将填充完整的中间帧。当你调整窗口大小时,100%在以绝对像素计算时将成为其他东西,游戏将随之调整大小。

由于视图框为0 0 800 600,因此会自动保持比率。尝试将其更改(使用DOM检查器),例如0 0 800 800。你会看到游戏向上移动一点,因为高度变得更高,游戏必须向上移动以腾出空间。