问可扩展的javascript小游戏
EN

Stack Overflow用户

提问于 2011-08-25 15:56:29

回答 1查看 139关注 0票数 0

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

是不是因为使用了SVG？

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

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

发布于 2011-08-25 16:01:52

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

cols="130,*,130"

因此，中间帧(游戏)宽度为(page width) - 2 * 130。SVG已设置为width="100%" height="100%"，并将填充完整的中间帧。当你调整你的窗口大小时，当以绝对像素计算时，100%会变得不一样，游戏也会随之调整大小。

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7186855

复制

相似问题

问可扩展的javascript小游戏EN