Насколько обременительна сетка игровой карты для веб-браузера? - PullRequest
3 голосов
/ 05 февраля 2011

Предположим, мы создаем стратегическую игру (например, Civilization) в веб-браузере.В игре есть видимая часть карты - скажем, 30x30 квадратов.Каждый квадрат имеет размер 30x30 пикселей и имеет несколько наложенных изображений - ландшафт, ресурсы, юниты, дороги и т. Д. Классический способ рисования этого будет огромный <table>, где каждая ячейка будет содержать абсолютно позиционированные изображения.Вероятно, он будет представлен в Javascript, чтобы уменьшить трафик.Но это все еще несколько тысяч изображений и огромная таблица.

Может ли браузер это сделать?Не упадет ли производительность ниже допустимых пределов?В качестве альтернативы я мог бы сохранить предварительно отрендеренное изображение карты с как можно большим количеством наложений, но я думаю, это потребует больше усилий.

Ответы [ 2 ]

1 голос
/ 05 февраля 2011

Посмотрите на онлайн-игры, такие как grepolis, они уже делают какую-то сетку, похожую на игру, и современные браузеры могут легко это принять.

1 голос
/ 05 февраля 2011

Вам действительно нужно использовать элемент canvas , который не требует от браузера сохранять и вычислять весь макет и другие элементы DOM.

При этом современный браузер на высокопроизводительной рабочей станции может отображать сотни изображений одновременно, как продемонстрировано с помощью FishIETank . Однако многие устройства - от смартфонов до старых ПК - не могут. Да, и использование таблицы, вероятно, медленнее, чем div с position:relative; или absolute и absolute изображениями в нем.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...