可伸缩的javascript游戏

scallable javascript games

本文关键字：游戏 javascript 可伸缩更新时间：2023-09-26

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

是因为使用SVG吗?

我还必须创建不同的游戏/教育课程和其他东西，我想很好地适应任何分辨率，如Flash。

我确实在某处读到SVG是独立于分辨率的。但我不知道如何利用这一点。

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

cols="130,*,130"

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

由于viewbox是0 0 800 600，它将自动保持比例。尝试改变它(使用DOM检查器)，例如0 0 800 800。你会看到游戏向顶部移动了一点，因为高度变得更高，游戏必须向上移动以腾出空间。