Панорама хакерспейса

В качестве движка использован открытый pannellum. Используемые технологии: HTML5, CSS3, JavaScript и WebGL.

Панорама имеет ограничение в 4096px на файл.

Тип панорамы

Панорама может быть:

• Сферическая (полная - отснято всё, даже пол и потолок) - этот режим используется по умолчанию.

• Частичная (Partial panorama) - отснята только часть панорамы или отснята круговая панорама (нет верха и низа)

• Кубическая (Cube map panorama) - грани куба загружаются отдельными изображениями

• Мультирезолюционная (Multiresolution panorama) - используется для отображения панорам высокого качества, загружается множество отдельных частей для разного разрешения

Нанесение меток

На панораме можно разместить различного рода указатели. Для определения координат указателя можно включить режим отладки hotSpotDebug=true, при котором по клику на панораме в консоль отладки (FireBug) будут выводиться координаты (pitch и yaw). В поле text задаётся текст всплывающей подсказки.

В зависимости от значения поля type будет меняться изображение и функциональность значка

• info - Информация (значёк 'i') - кликабельный тултип.

"hotSpots": [
    {
        "pitch": 14.1,
        "yaw": 1.5,
        "type": "info",
        "text": "Hackerspace",
        "URL": "https://hackerspace.by/"
    }
]

В поле URL можно указать ссылку которая открывается при клике.

Пример справочных указателей

• scene - Указатель на другую локацию (стрелка)

"hotSpots": [
                {
                    "pitch": -2.1,
                    "yaw": 132.9,
                    "type": "scene",
                    "text": "Главное помещение",
                    "sceneId": "main room",
                    "targetYaw": -23,
                    "targetPitch": 2
                }
            ]

В поле sceneId должен быть указан идентификатор нужной карты из списка сцен.

Пример тура

Решение проблем

Сворачивание панорамы

Если панорама не сферическая, нужно выставлять параметр vaov, иначе панораму сворачивает в сферу. Примерно так

vaov=54.15

Спасибо @Jekhor

TODO:

• Переснять и свести актуальную панораму (включая пол и потолок, чтобы pannelum не сворачивал изображение)
• Разделить панораму на части, чтобы уменьшить трафик
• Добавить актуальные ссылки на проекты в панораму
• Опубликовать на https://hackerspace.by/