Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Почему в файле html не выполняется скрипт панорамы jpg?

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Ron2323



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите пожалуйста, почему в файле example_perspective.html имеющий всего одну строку, не выполняется простой скрипт <script src="example_perspective.js"></script>.
 
Скрипт должен преобразовать картинку 2.jpg в круговую панораму в окне браузера, как здесь: http://trud.kish-host.ru/lena/index.html (но на этой странице вставлено конвертированное изображение исполняемое другим скриптом, что мне абсолютно не подходит). Исходники скрипта и картинку можно скачать здесь: https://cloud.mail.ru/public/CqNg/UwTFzB7r3 .
 
А сам скрипт я скачал отсюда https://www.npmjs.com/package/three-fisheye. Очень необходима ваша помощь, т.к. не могу сам разобраться в чем заключается проблема функциональности данного скрипта (в окне браузера ничего не отображается). Надеюсь на вашу помощь.

Всего записей: 43 | Зарегистр. 01-05-2017 | Отправлено: 14:37 18-06-2017
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ron2323

Цитата:
Uncaught ReferenceError: exports is not defined at example_perspective.js:37


Код:
Object.defineProperty(exports, "__esModule", { value: true });

переменной exports нет
и код явно неполный. плюс для использования canvas нужно указывать <!doctype html>

Всего записей: 15038 | Зарегистр. 20-09-2014 | Отправлено: 17:57 18-06-2017
Ron2323



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброе утро Mavrikii.
Я согласен с вами, что код скрипта этого вьюера явно неполный. Но в описании с сайта источника скрипта: https://www.npmjs.com/package/three-fisheye описывается процедура инсталляции https://www.npmjs.com/package/three-fisheye/tutorial , не знаю может я что то не так сделал, но после  инсталляции в папке скрипта появились вот эти файлы https://cloud.mail.ru/public/4b2V/yYxJtfN9e , может вы имеете ввиду, что их недостает для полной работоспособности вьюера?

Всего записей: 43 | Зарегистр. 01-05-2017 | Отправлено: 08:41 19-06-2017 | Исправлено: Ron2323, 09:17 19-06-2017
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ron2323
node.js, все же, не браузерный js.
какие файлы есть вообще - можно посмотреть тут  
https://github.com/legokichi/three-fisheye/tree/master/src
как и модуль exports является специфичным для node.js  
http://www.tutorialsteacher.com/nodejs/nodejs-module-exports

Всего записей: 15038 | Зарегистр. 20-09-2014 | Отправлено: 10:12 19-06-2017
Ron2323



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо вам за подробное объяснение моей проблемы со скриптом. Если он  не браузерный, то наверно нет смысла наедятся на возможность его доработки.
 
 Есть у меня еще один вариант скрипта, который мог бы обеспечить просмотр таких фото в кольцевой панораме, но скрипт этот предназначен для камер с двумя объективами (вот такой http://trud.kish-host.ru/lena/s-l1600-12.jpg?i=1), которая на одном фото рядом располагает две картинки ( http://trud.kish-host.ru/lena/6.jpg ) с противоположно разнесенными на 180° объективами и отображает фото на все полноценные 360° (полный шар).
 
  Ау меня камера с одним объективом и делает фото только в сфере (т.е. чуть больше пол шара проекции, на вот такие углы - http://trud.kish-host.ru/lena/44.jpg ). И в итоге мое одинарное фото http://trud.kish-host.ru/lena/55.jpg отображается этим скриптом вот так: http://trud.kish-host.ru/lena/panorama1.html .
 
Я пытался в файле html этого скрипта, изменять математические зависимости, что бы он работал только с одной картинкой, но идеального отображения (без больших деформаций) так и не добился. Вот на этой странице http://qiita.com/mechamogera/items/b6eb59912748bbbd7e5d на фото указаны те величины, на основании которых этот скрипт строит панорамное фото. Такие же величины прописаны в файле panorama1.html  
 
uvs[ i * 2 + 0 ] = x * ( 404 / 1920 ) * correction + ( 447 / 1920 );
uvs[ i * 2 + 1 ] = z * ( 404 / 1080 ) * correction + ( 582 / 1080 );
} else {
var correction = ( x == 0 && z == 0 ) ? 1 : ( Math.acos( - y ) / Math.sqrt( x * x + z * z ) ) * ( 2 / Math.PI );
uvs[ i * 2 + 0 ] = - x * ( 404 / 1920 ) * correction + ( 1460 / 1920 );
uvs[ i * 2 + 1 ] = z * ( 404 / 1080 ) * correction + ( 582 / 1080 );
 
Скачать этот скрипт с фото можно здесь: https://cloud.mail.ru/public/NETa/Sb1EkYn82
Если бы у вас получилось бы разобраться с этими математическими зависимостями, то я бы очень был бы вам признателен.
 
 

Всего записей: 43 | Зарегистр. 01-05-2017 | Отправлено: 12:23 19-06-2017 | Исправлено: Ron2323, 12:24 19-06-2017
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Почему в файле html не выполняется скрипт панорамы jpg?


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru