масштабируемые игры на 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.Вы увидите, что игра немного переместилась наверх, поскольку высота стала больше, и игра должна двигаться вверх, чтобы освободить место.