World Map by AirPano

Top 20 virtual tours

Articles

Выкладываем сферу в Интернет с помощью Krpano. Легкий старт для начинающих.

Все чаще к нам приходят письма с просьбой рассказать, как выложить сферическую панораму на страничку в Интернет.

Этой статьей мы начинаем серию публикаций, в которых расскажем, как это делается и поделимся нашим опытом. Сразу отметим, что если не углубляться в широчайшие возможности Krpano, то все достаточно просто, и результат достигается несколькими движеними мышки. Именно с простого мы и начнем эту статью.

Мы предполагаем, что уважаемый читатель уже не новичок в панорамной съемке, и на диске его компьютера хранится хотя бы одна собранная сферическая панорама 360х180 градусов в виде эквидистантной проекции (equirectangular projection), например, такая как на картинке:

В дальнейшем для краткости мы будем называть ее панорамой 360х180.

Что делать, если у вас нет эквидистантной проекции 

Если вы пока еще не сняли свою первую панораму, но хотите попробовать, как работает krpano, предлагаем скачать тут  нашу тестовую панораму 360х180.

Хотим отметить, что Krpano – это не инструмент исключительно для профессионалов панорамной фотографии. Используя Krpano, можно создать не только странички для просмотра сферических панорам 360x180, съемка которых требует определенных навыков. Совершенно не сложно сделать страничку для просмотра обычной цилиндрической однорядной панорамы (снимать которую очень легко). Т.е. вам не нужно уметь делать панорамы с углом обзора 360 градусов по горизонтали, или панорамы, обязательно включающие надир и зенит. Но об этом мы расскажем позднее.

Установка программного обеспечения

В нашей работе нам потребуется Krpano - универсальное программное обеспечение для создания панорам. Сайт разработчика Krpano - http://krpano.com.  Необходимо упомянуть, что Krpano - платная, хоть и недорогая программа. Однако без лицензии в Krpano работают все без исключения функции, что очень удобно для тестирования ее возможностей. Единственным отличием от лицензированной версии является то, что в демо-версии вся ваша панорама будет усеяна надписями krpano.com.

Итак, перед началом работы необходимо создать отдельную папку, в которой будут храниться все ваши будущие панорамные проекты и сам софт. Назовем эту папку Krpano.  В нее нужно распаковать дистрибутив Krpano, который можно скачать со страницы http://krpano.com/download/ .

Выберите дистрибутив, соответствующий вашей операционной системе. В нашем случае мы использовали дистрибутив для Windows 64bit. В результате после распаковки в папке Krpano у нас появилась папка krpanotools-1.0.8.11-win64-2010-05-31 (это текущая версия):

При желании папку с таким длинным названием можно переименовать по вашему вкусу. Мы переименовали ее в krpanotools-1.0.8.11. Далее, в папке Krpano создаем папку panorama, в которой будет лежать исходник нашей панорамы 360х180, а потом и файлы для выкладывания в интернет.

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

Все работы по установке завершены. Теперь заглянем в папку krpanotools-1.0.8.11. Сегодня для работы нам понадобится всего лишь один файл - kmakemultires.exe

Наша первая панорама

Итак, вспомним, что у нас уже есть готовая панорама 360х180, которую необходимо выложить в Интернет. Пусть файл нашей панорамы называется panorama.jpg (поддерживаются форматы JPG, TIFF и сжатый TIFF) . Поместим его в папку Krpano/panorama.

 В нашем примере можно увидеть, что файл panorama.jpg представляет из себя эквидистантную проекцию сферической панорамы 360х180 градусов.

Итак, все приготовления закончены. Теперь нам нужно всего лишь перетащить мышкой файл panorama.jpg на файл kmakemultires.exe из папки krpanotools-1.0.8.11

После этого процесс сборки панорамы для Интернета начнется автоматически и будет отображается в отдельном окне. Программа kmakemultires.exe разбивает эквидистантную проекцию на десятки небольших файлов, так называемых плиток, а также создает управляющие XML, JavaScript и HTML файлы. В результате папка panorama приобретает следующий вид.

В папке panorama.tiles находятся плитки - кусочки нашей панорамы. В папку skin устанавливаются элементы управления. Файлы panorama1.xml и swfkrpano.js - являются управляющими файлами нашего проекта. А запускается Интернет-страничка с нашей панорамой с помощью файла panorama.html.

Вот собственно и все. Наша первая панорама сделана в виде html файла. Папку panorama теперь можно выкладывать в Интернет, предварительно удалив из нее файл с эквидистантной проекцией panorama.jpg для значительной экономии места на сервере (не забудьте сохранить его где-нибудь, чтобы не потерять насовсем).

Предварительный просмотр того, что потом окажется в интернете, можно сделать и на вашем локальном компьютере, перетащив в окно броузера файл panorama.html и нажав несколько раз «разрешить запуск содержимого» в зависимости от настроек безопасности вашего броузера.

Итак, резюмируем: для автоматического создания html-версии вашей панорамы нужно перетащить мышкой панораму 360х180 на файл kmakemultires.exe из папки krpanotools-1.0.8.11. Предельно просто.

В качестве завершения этой статьи хочется заметить, что создание панорамы с помощью автоматического генератора панорам kmakemultires.exe - всего лишь быстрая и наглядная демонстрация возможностей программного обеспечения Krpano. Чтобы создать качественный сайт, демонстрирующий все прелести виртуального мира сферических панорам, необходимо немного углубиться в технологию Krpano и научиться использовать дополнительные возможности и дополнительные модули этого программного обеспечения.

 Ждем ваши вопросы и комментарии по адресу articles@airpano.ru

Panoramas and 360° Virual Tours of the Most Beautiful Places Around the World:     Guilin National Park, China   •   Masai-Mara, Kenya   •   Mont Saint-Michel Abbay, France   •   Abu Dhabi, UAE, UAE   •   Acropolis, Athens, Greece   •   Agra Fort, India   •   Ay-Petri, Russia   •   Grozny, Chechen Republic, Russia   •   Alhambra, Granada, Spain   •   Amsterdam, Holland   •   Amsterdam, Holland   •   Petra, Jordan   •   Angel Falls, Venezuela   •   Angel Falls, Venezuela   •   Angel falls, Venezuela   •   Angel Falls, Venezuela   •   Angkor Wat, Cambodia   •   Antarctica, Antarctica   •   Antarctica, Antarctica   •   Antarctica, Antarctica   •   Antarctica, Antarctica   •   Antarctica, Antarctica   •   South Georgia Island, British overseas territory   •   Antigua Guatemala, Guatemala   •   Buenos Aires, Argentina   •   Mariana Trench, Mariana Islands   •   Athens, Greece   •   Bagan, Myanmar   •   Bagan, Myanmar   •   Bangkok, Thailand   •   Barcelona, Spain   •   Kambalnaya river, Kamchatka, Russia   •   Beijing, China, China   •   Berlin, Germany, Germany   •   Bern, Switzerland   •   Bern, Switzerland   •   Bhutan, Bhutan   •   Bhutan, Bhutan   •   Bhutan, Bhutan   •   Moscow Kremlin, Russia   •   Moscow, Kolomenskoye, Russia   •   Borobudur, Indonesia   •   Bromo volcano, Java, Indonesia   •   Bromo volcano, Java, Indonesia   •   Bryce Canyon, USA   •   Bryce Canyon, USA   •   Bryce Canyon, USA   •   Budapest, Hungary   •   Buenos Aires, Argentina   •   Buenos Aires, Argentina   •   Canaima Lagoon, Hacha Waterfall, Venezuela   •   Canaima Lagoon, Ucaima Waterfall, Venezuela   •   Canaima Lagoon, Hacha Waterfall, Venezuela   •   Cancun, Mexico   •   Cannes, French Riviera, France   •   Cape Good Hope, South Africa   •   Cappadocia, Turkey   •   Venice, Italy   •   Venice, Italy   •   Venice, Italy   •   Casablanca, Morocco, Morocco   •   Cesky Krumlov, Czech Republic   •   Chateaux of the Loire Valley, France   •   Chateaux of the Loire Valley, France   •   Chateaux of the Loire Valley, France   •   Chengdu Research Base of Giant Panda Breeding, China   •   Chengdu Research Base of Giant Panda Breeding, China   •   Chicago, Illinois, USA   •   Chicago, Illinois, USA   •   Chillon Castle, Switzerland   •   China, China   •   Corcovado, Brazil   •   Church of the Intercession on the Nerl, Russia   •   Church of the Savior on Blood, Saint Petersburg, Russia   •   Cinque Terre, Italy, Italy   •   Cinque Terre, Italy   •   Corniglia, Cinque Terre, Italy   •   Cortona, Italy   •   Cote d'Azur, Antibes, Port Grimaud, France   •   Côte d'Azur. Fréjus and Saint-Raphaël, France   •   Cote d'Azur, Villefranche-sur-Mer, Ile d'Or and Saint-Jean-Cap-Ferrat, France   •   Crimea, Russia   •   Curonian Spit, Russia   •   Cusco, Peru, Peru   •   Manhattan, New York, USA   •   Delhi, India   •   Delta of the Orinoco River, Venezuela   •   Gardens of the Queen, Cuba   •   Gardens of the Queen, Cuba   •   Dolomites, Italy   •   The Caribbean, Dominican Republic   •   Surroundings of Angel Falls, Dragon Falls, Cortina Falls, Venezuela   •   Dubai, United Arab Emirates   •   Dubai, United Arab Emirates   •   Dubai, UAE   •   Pyramids, Egypt   •   Pyramids, Egypt   •   Paris, France   •   Ethiopia, Ethiopia   •   Everest, Nepal   •   Everest, Nepal   •   Fatehpur Sikri, Agra, India   •   Fes, Morocco   •   Fiordland, New Zealand   •   Plesetsk Cosmodrome, Russia   •   Fjallabak Nature Reserve, Iceland   •   Lake Bogoria, Kenya   •   Pereslavl-Zalesskiy, Russia   •   Khabarovsk, Komsomolsk-on-Amur, Russia   •   Usti nad Labem, Czech Republic   •   Flooding, Germany   •   Florence, Italy   •   French Polynesia, French Polynesia   •   Fussen Town, Neuschwanstein and Hohenschwangau Castles, Germany   •   Gardens of the Queen, Cuba   •   Gardens of the Queen, Cuba   •   Gigapanorama of Moscow from the Ostankino Tower, Russia   •   Gobi Desert, Mongolia   •   Moscow Region, Russia   •   Golden Ring of Russia, Russia   •   Suzdal, Russia   •   Ivanovo, Russia   •   Kostroma, Russia   •   Pereslavl-Zalessky, Russia   •   Rostov, Russia   •   Sergiyev Posad, Russia   •   Vladimir, Russia   •   Yaroslavl, Russia   •   Grand Canyon, USA   •   360 video, Grand Canyon, USA   •   Manhattan, New York, USA   •   Moscow, Russia   •   Egyptian Pyramids, Egypt   •   The Great Wall of China, China   •   Cape-Town, South Africa   •   360 video, Grozny, Russia   •   Halong Bay, Vietnam   •   Oahu, Hawaii, USA   •   Manhattan, New York, USA   •   Langisjor and Veidivotn, Iceland   •   Holland, Holland   •   Holland, Holland   •   Zaanse Schans, Holland   •   Hollywood, California, USA   •   Jerusalem, Israel   •   Hong Kong, China   •   Horseshoe Bend, Arizona, USA   •   Huanglong, Sichuan, China   •   Huangshan mountains, China   •   Ilulissat, Greenland   •   Ilulissat Icefjord, Greenland   •   Ilulissat Icefjord, Greenland   •   Ilulissat Icefjord, Greenland   •   Ilulissat Icefjord, Greenland   •   Ilulissat Icefjord, Greenland   •   Jokulsarlon Ice Lagoon, Iceland   •   Iceland, the best, Iceland   •   Iguasu Falls, Argentina   •   India, India   •   Iceland, Iceland   •   Irkutsk, Russia   •   Istanbul, Turkey   •   Istra, Russia   •   Jaipur, India   •   Jakarta, Indonesia   •   Kaliningrad, Russia   •   Kalyan Minaret, Bukhara, Uzbekistan   •   Kamchatka, Russia   •   Kamchatka, Russia   •   Kamchatka, Russia   •   Kambalnoe Lake, Kamchatka, Russia, Russia   •   Kargopol, Russia, Russia   •   Kathmandu, Nepal   •   Kazan, Russia   •   Kiev, Ukraine   •   Kolmanskop Ghost Town, Namibia   •   Kuala-Lumpur, Malaysia   •   Lake Baikal, Russia   •   Lake Powell, USA   •   Ilulissat Icefjord, Greenland   •   Las Vegas, USA   •   Las Vegas, USA   •   Pisa, Tuscany, Italy   •   Lencois Maranhenses National Park, Brazil   •   Lima, Peru   •   Lisbon, Portugal   •   Lisbon, Portugal   •   Lofoten archipelago, Norway   •   Los Angeles, California, USA   •   Lucerne, Switzerland   •   Lucerne, Switzerland   •   Luxor, Egypt   •   Machu Picchu, Peru   •   Madrid, Spain   •   Fesdu Island, Maldives   •   Manarola, Cinque Terre, Italy   •   Manhattan, New York, USA   •   Maldives, Maldives   •   Moscow, Russia   •   Chichen Itza, Mexico   •   Tikal, Guatemala   •   Meteora, Greece, Greece   •   Mexico, Mexico   •   Miami, USA   •   Easter Island, Chile   •   Moeraki Boulders, New Zealand   •   Monaco, Monaco   •   Mono Lake, California, USA   •   Mont Blanc, Italy   •   Mont Blanc, Italy   •   Mont Blanc, France   •   Mont Blanc, France   •   Mont Blanc, France   •   Kotor Bay, Montenegro   •   Monterosso, Cinque Terre, Italy   •   MKAD, Moscow, Russia   •   Moscow, Kremlin, Russia   •   Moscow City, Russia   •   Moscow City, Russia   •   Moscow, Russia   •   Moscow Kremlin, Russia   •   Moscow, Russia   •   Moscow Kremlin, Russia, Russia   •   Moscow, MSU, Russia   •   Moscow, Russia   •   Moscow, Russia   •   Krokus Expo Center, Moscow, Russia   •   Moscow, Kolomenskoye, Russia   •   Moscow, Russia   •   Moscow, Russia   •   City of Capitals, Russia   •   Istanbul, Turkey   •   Mount Elbrus, Russia   •   Naarden, Holland   •   Nairobi, Kenya   •   Namib Desert, Namibia   •   Jiuzhaigou, China   •   Nazca Lines, Peru   •   New Jerusalem Monastery, Russia   •   New Jerusalem Monastery, Russia   •   Moscow, Russia   •   Millennium UN Plaza Hotel, New York, USA   •   Millennium UN Plaza Hotel, New York, USA   •   Manhattan, New York, USA   •   Niagara Falls, USA   •   Nice, France   •   Moscow, Russia   •   North Kurile Islands, Kamchatka, Russia   •   Lofoten archipelago, Norway   •   Norwegian Fjords, Norway   •   Novodevichy Convent. Moscow, Russia   •   Grimsvotn, Iceland   •   Orda Cave, Russia   •   Orvieto, Italy   •   Ramenki, Moscow, Russia   •   Pamukkale, Turkey   •   Paraty, Brazil   •   Paris, France   •   Pena National Palace, Sintra, Portugal   •   Peter and Paul fortress, Saint Petersburg, Russia   •   Petra, Jordan   •   Petropavlovsk-Kamchatsky, Russia   •   Pit Cenote, Mexico   •   Plitvice-Lakes, Croatia   •   Plosky Tolbachik Volcano , Russia   •   Porto Venere, Italy   •   Porto, Portugal   •   Porto, Portugal   •   Prague, Czech Republic   •   Prambanan Temple Compounds, Indonesia   •   Putorana Plateau, Russia   •   Rabat, Morocco   •   Zambezi River, Zambia   •   Raja Ampat archipelago, Indonesia, Indonesia   •   Kronstadt, Russia   •   Reine, Lofoten archipelago, Norway   •   Reykjavik, Iceland   •   Rio de Janeiro, Brazil, Brazil   •   Rio-de-Janeiro, Brazil   •   Riomaggiore, Cinque Terre, Italy   •   Roman Colosseum, Italy   •   Romw, Italy   •   Kubinka, Russia   •   Saint Petersburg at night, Russia   •   Saint Petersburg, Russia   •   Saint Petersburg, Russia   •   Sakhalin Island, Russia   •   San Francisco, California, USA   •   Golden Gate Bridge, San Francisco, USA   •   San Juan and Colorado rivers, USA   •   Goosenecks, Utah, USA   •   Santiago, Chile   •   Oia, Greece   •   Sao Paulo, Brazil, Brazil   •   Seattle, USA   •   Segovia, Spain   •   Sevastopol, Crimea, Russia   •   Seville, Spain   •   Shanghai, China   •   Moscow, Russia   •   Shwedagon Pagoda, Myanmar   •   Siena, Italy   •   Tidore island, Indonesia   •   South Maldives, Maldives   •   Southern Maldives, Maldives   •   Sankt Moritz, Switzerland   •   360 video, mount Elbrus, Russia   •   Elbrus, Russia   •   Statue of Liberty, New York, USA   •   Manhattan, New York, USA   •   Svalbard (Spitsbergen), Norway   •   Svolaer, Lofoten archipelago, Norway, Norway   •   Swaminarayan Akshardham, India   •   Sydney, Australia   •   Sydney, Australia   •   Ta Prohm, Angkor, Cambodia   •   Taj Mahal, India   •   Taj Mahal, India   •   Teotihuacan, Mexico   •   Kremlin, Moscow, Russia   •   The Drakensberg, South Africa   •   UAE, UAE   •   White Sea, Russia   •   Palpa, Peru   •   Pereslavl-Zalessky, Russia   •   Pereslavl-Zalessky, Russia   •   Great Barrier Reef, Australia   •   Australia, Australia   •   Great Barrier Reef, Australia   •   Mauritius, Mauritius   •   Kurile Lake, Kamchatka, Russia   •   The Land of Bears, Kurile Lake, Kamchatka, Russia, Russia   •   Matterhorn, Switzerland   •   Palmyra, Syria   •   Twelve Apostles Marine National Park, Australia   •   Blue Lagoon, Iceland   •   The Qiandaohu Lake, China   •   Times Square, New York, USA   •   Trinity Lavra of Sait Sergius, Russia   •   Raja Ampat archipelago, Indonesia   •   North Pole, North Pole   •   Ulaanbaatar, Mongolia   •   Cramp fish, Maldives   •   Maldives, Maldives   •   Uzon caldera, Kamchatka, Russia, Russia   •   Valencia, Spain   •   Valley of Geysers, Kamchatka, Russia   •   Valley of Geysers, Kamchatka, Russia   •   Varanasi, India, India   •   Italy, Vatican   •   Venice, Italy   •   Vernazza, Cinque Terre, Italy   •   Victoria Falls, Zambia   •   Victoria Falls, Zambia   •   Victoria Falls, Zambia   •   Victoria Falls, Zambia   •   Moscow, Russia   •   Moscow, Russia   •   Moscow, Russia   •   Vienna, Austria   •   Cape Town, RSA   •   Dubai, UAE   •   Toronto, Canada   •   Neuschwanstein Castle, Germany   •   Volcano Klyuchevskaya Sopka, Kamchatka, Russia   •   Klyuchevskaya Sopka, Kamchatka, Russia   •   Kamchatka, Volcano Plosky Tolbachik, Russia   •   Waterfalls, Iceland   •   Wayag Island, Raja Ampat, Indonesia   •   Moscow Kremlin, Russia   •   Sochi, Russia   •   Yamal Peninsula, Russia   •   Yellowstone National Park, USA   •   Yuanyang Hani Rice Terraces, China   •   Matterhorn-Cervino, Switzerland   •   Zhangjiajie National Forest Park, China   •   Zhivopisniy Bridge, Moscow, Russia   •   Zurich, Switzerland   •