• image
  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • image

Интерактивная карта города

http://www.torn.com/

Демо-версия карты отдельно

Разработка: 2013


Технологии

OpenLayers, SVG, HTML5, CSS3, PHP, Javascript, JQuery, Raphael, MySQL, С++ on QT (для разрезания исходного изображения была использована собственно разработанная утилита Image Segmentator)

Предметная область

Base game development, map development

Краткое описание

Интерактивная карта для онлайн-игры, которую посещают более 30 тыс. пользователей ежедневно. Это плиточная карта с несколькими уровнями масштабирования.

Некоторые городские кварталы (здания или местности, окруженные дорогами) были сделаны интерактивными с помощью цветных SVG. В этом проекте мы реализовали:

  • работу пользователя с картой (масштабирование, перемещение, переход по ссылкам);
  • возможность создания и редактирования дополнительных объектов на карте (SVG-объектов, мета-информации о них или связанной с ними);
  • оптимизированное отображение карты и различной дополнительной информации на карте при наличии тысяч объектов для показа;
  • и многое другое.

Для разрезания исходного большого изображения (12000 * 7000 px) мы использовали свою специальную утилиту, написанную на QT C ++, которая добавляет необходимые зоны прозрачности к исходному изображению, а затем обрезает изображение для нескольких различных уровней.

+38-063-454-36-37

+38-066-358-66-63