grodno-vr / grodno-vr.github.io Goto Github PK

Старые фотографии города Гродно в режиме виртуальной реальности

JavaScript 94.92% HTML 3.94% CSS 1.15%

reactjs reactvr webvr virtual-reality grodno belarus javascript threejs webgl 360degree

grodno-vr.github.io's Introduction

GrodnoVR Demo

⛪ Старые фотографии города Гродно в режиме виртуальной реальности, демо с открытым исходным кодом на основе ReactVR библиотеки.

Подробнее о проекте можно почитать в статье GrodnoVR: My first and last experience with ReactVR

Старт проекта

Клонируйте репозиторий и установите все необходимые зависимости (для установки зависимостей вам понадобится node.js и npm):

git clone https://github.com/grodno-vr/grodno-vr.github.io
cd grodno-vr.github.io
npm i

После установки выполните команду запуска:

npm run start

Откройте демо-проект в браузере по следующему адресу:

http://localhost:8081/vr

Если браузер на вашей платформе поддерживает WebVR, то вы можете перейти в режим стереоизображения посредством нажатия на кнопку "View in VR":

Поддержка платформ

Работоспособность сайта проверялась на следующих платформах:

Google Cardboard + Samsung Galaxy S7 (Chrome)
GearVR + Samsung Galaxy S7 (Oculus App)

Есть проблемы на следующих платформах:

Ubuntu 16 + Firefox 60 (64 bit)
Смартфоны Huawei (на нескольких моделях в разных браузерах)

Сборка проекта

npm run bundle

Титры

Разработка: Артур Басак

Помощь в разработке: Александр Зимаков, Максим Лысаков

Перевод на английский язык: Елизавета Чеканова

3d модели: Игорь Ламека, Артур Басак

360-фото: Артур Басак

Старинные фото из частных коллекций: Феликс Ворошильский, Виктор Саяпин, И. Пашпекина, Китурко Константин, Залы торгового центра OldCity

Большинство фото и текстов взято из публичных источников: wikipedia.org, newgrodno.by, oldgrodno.by, old.grodno.net, grodno.net, grodnonews.by, kinogrodno.by, vgr.by, hrodno.life, harodnia.com, grodno.in, holiday.by, galina-lukas.ru, radzima.org, s13.ru, ggau.by, trainer.by, tut.by, zetgrodno.com, allcastles.ru, ay.by, wikimedia.org, drama.grodno.by, katolik.life

grodno-vr.github.io's People

Contributors

Stargazers

Watchers

Forkers

archik408 ppaivr keshav1077

grodno-vr.github.io's Issues

Обертка VrButton

Нужно обернуть все кнопки таймером, который по истечению 2 секунд, если кнопка в фокусе, будет вызывать коллбэк onClick. Данный контрол необходим для VR режима, где нет мыши и возможности кликнуть по контролу.

https://github.com/facebook/react-vr/blob/master/Examples/TourSample/NavButton.js

Portal component

Необходимо создать компонент перехода из одного места в другое. Вид компонента - задача творческая. За основу можно взять пример ниже:

http://vr.britishmuseum.org/

Loading/Spinner Component

Создать компонент Loading/Spinner, что-то вроде того, что на прикрепленном скриншоте.
Компонент должен появляться во время загрузки локации/места (т.к. сфеерическое фото долго загружается)