« Пожалуйста, не натопчите мне на сайте »

    Почти уже два года назад, когда я еще не учил людей зарабатывать на стартапах, делать быстрые фотомодели, гугл не был еще такой фигней, а веб-толпы не выиграливали у меня 2:0, я создавал сайты. И вот один из клиентов попросил меня сделать что-то такое, от чего все офигели бы для его магазина элитной мебели. Сначала у меня получился вполне заурядный дизайн, который они и не приняли, но вот вторая идея снесла всем голову. За эти два года, я увидел только один сайт, который сделан по такой технологии, хотя она лежит на поверхности, и это была компания уровня Sony (кто именно — забыл.)


    Помните, когда в статье про быструю фотомодель вчера, я сказал, что скоро мы будем работать в объемном мире? Думаете, я шутил? Ну что ж ты встал путник — входи, разувайся, я тебе поведаю историю как Сеть перестала быть плоской два года назад...

    Я очень хотел, чтобы Веб вырвался из плоского пространства и как это можно было сделать лучше, как ни с магазином элитной мебели? Я спроектировал его архитектуру (не в IT смысле, а в смысле здание) — да, архитектор из меня не супер, но не суть… И пригласил их войти внутрь и походить. Без плагинов, кроме Флеша, используя технологии многолетней давности.

    Теперь я приглашаю и тебя, путник, в мир сказок и невероятного прототипа. Кликай картинку, а потом возвращайся, если не догадаешься сам, — читай как это сделано.


    Нашел ли ты летающий ценник на телевизоре?
    Смог ли ты посмотреть на магазин со второй точки?

    Окей, итак, это был прототип сайта. Клиента очень впечатлило, также как и всех, кому я это показал в Январе '07. К сожалению, клиент отказался в пользу более простого дизайна, потому что этот слишком сложно обновлять и решил на этом дизайне сделать позже другой сайт. Но технология пошла путем вечной лампочки и потеряалась в подвалах. Прошло уже достаточно времени и я решил отдать ее Public Domain, пользуйся.

    Итак, речь идет о том, что можно использовать панорамы для имитации 3d пространства и это ОЧЕНЬ просто, как я покажу ниже.

    Сразу оговорюсь, что это был самый простой путь НА ТОТ момент, что-то могло измениться за это время и появилось еще более простое.

    Что нам понадобится


    1. Либо 3d модель здания, где мы будем ходить (я сделал ее в SketchUp, затем накидал моделей деревьев и мебели от Evermotion — почти именно эту мебель они и продают),

    Либо мы можем использовать реальные панорамы реального магазина или торгового центра. Панорамы 360x180. Autodesk [RealViz] Stitcher могу порекомендовать.

    2. Плеер для панорам. Я рассмотрел множество вариантов, в т.ч. и все 3d фреймворки, но панораму в них загрузить нифига не просто. Тогда я купил плеер от FlashPanoramas.com (40 евро, наши, русские, отношения к ним никакого не имею, кроме того, что купил плеер). Найдете простую бесплатную альтернативу — пишите в комментах. Кстати, сайт на английском, если что — свяжитесь с автором flashpanoramas@gmail.com, вроде бы его зовут Денис Чумаков, во всяком случае это присылают в счете за оплату.

    Часть 1. Рендер и подводные камни.




    ВАЖНО. Эта часть подразумевает, что Вы умеете уже моделировать и работать с программами уровня 3d-maxа или у Вас есть моделер. Если нет — Вам придется дождаться моей другой статьи, где я поговорю о Google Sketchup и наверное Alternativa Platform.

    Итак, я пошел путем SketchUp → 3DSMax + VRay → speherical panoramic .jpg, но вариантов много.

    1. Рендерим либо через стандартный максовский рендер панорам, Гугл подсказывает что он Utilities panel > Utilities rollout > More button > Utilities dialog > Panorama Exporter, либо если в VRay, то ставим Sperical для физической камеры.

    Выходной файл должен быть ratio = 0.5, я делал 3000 x 1500 и то пиксели видны неплохо. Хотя, если бы я не был ленивым и поигрался с Vray подольше (ну не моделер я, и не дизайнер, я программер), то получилось бы лучше. Но мы ж тут идею обсуждаем — надеюсь искренее, что Вы сделаете лучше.

    Что важно — делайте потолок и пол МОНОТОННЫМИ! Посмотрите на первую точку и на вторую в сайте. Разница между JPG 500кб, знаете почему? В одной на полу «типа-ковер», в другой он монотонный. Помните, что на выходе будет гигантский файл не меньше 3000 в ширину, который придется грузить через Веб. Я понимаю, что Вам, товарищи дизайнеры, важнее качественная картинка, но подумайте о юзерах не в Москве, у кого Ваш меговый .JPG будет грузиться минуту. Они не увидят всей этой красоты.

    Итак, на выходе у нас есть 3000 на 1500 файл (или пропорциональный) панорамного вида — он должен быть похож на картинку в начале этого раздела — прямые линии должны стать дугами — сферическая проекция.

    UPDATE Забыл, для полу-новичков: для того, чтобы впихнуть такое количество деревьев — нужно пользовать VRay Proxy, если вдруг не знали. Только убедитесь что материалы не пропали, если просто сделать из группы объектов VRay прокси — мат-лы пропадают, поэтому деревья и телевизоры бетонные :) чтобы этого избежать — надо как-то хитро прокси делать — возможно профи в комментах подскажут — добавлю.

    Часть 2. Панорамный плеер и примеры для копипаста.



    Как я и сказал, я использовал Flash Panorama Player. Другие тоже можно использовать, но в них придется программить Flash, в то время как здесь — один вид (точка, где может встать пользователь — далее я ее буду называть POV = point-of-view) = девяносто строк XML, без Flash-программинга вообще и моделирования сферы и выворачивания ее нормалей.

    Призываю Вас поддержать автора, написавшего такой замечательный плагин [отношения к нему никакого] — 40 евро — не так много, особенно если за такой сайт Вы возьмете с клиента $50K :)
    Я пользуюсь лицензионным. Так что рассказываю для этого плеера.

    1. Создаем .html файл для каждого POV.
    Образец берите на seelf.com/b/index.html.txt — менять там надо только test.swf в двух местах — что такое нужный .swf в мануале в покупаемом дистрибутиве.

    2. Для каждого filename.swf мы создаем точно такой же filename.xml — там и происходит вся магия.

    Образцы брать на seelf.com/b/test.xml.txt, seelf.com/b/test2.xml.txt. Разберу первый файл — там больше интересного.

    Итак сначала, подключам модули:

    layer_2  = hotspots.swf
    — все, что нажимается
    layer_3  = limits.swf
    — ограничения на движения, если панорама меньше 360x180 (я забыл зачем подключал его)
    layer_5  = cylConverter.swf
    — для сферических или цилиндрических панорам (box тоже умеет, но плагин уже не нужен)
    editor.swf
    — плагин для визуального редактирования панорам, чтобы не угадывать куда ставить hotspot (это нефигово тяжело), есть в покупном дистрибутиве. С сайта, разумеется, удален.

    panoType=cylinder
    — сферическая (или цилиндрическая панорама)
    panoName=<b>test</b>
    — как называется .jpg'а = test.jpg → seelf.com/b/test.jpg

    Далее в разделе hotspots, опеределяем раздел global — это всякие события (onStart) и функции (onOver, loadPreview, goUp, pt и т.п.) — там очень простой язык, все поймете сами.

    <box id="logo" url="logo.png" al....
    — образец накладываемого слоя — это у меня шапка, телефоны, всякие.
    <box id="up" url="black_u.png" ... 
    — образец перехода на новую точку.
    <box id="up1" url="radking.png" ... 
    — образец того, как ценник выпрыгивает на телевизоре сзади Вас на первой POV.

    Поскольку можно накладывать даже .swf слов, была идея даже сделать корзину заказа — просто передавать в нее покупку — подробно это не обдумывал, но, это наверняка возможно.

    <cylconverter></cylconverter>
    — активация плагина для сферической панорамы.

    Сам плеер умеет еще вставлять YouTube видео, аудио, к примеру, в панораму, так же их можно подгружать без перезагрузки страницы и еще много вкусностей. Все в мануале есть.

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

    Кстати, была еще идея добавить двигающихся людей (точнее стоящих на месте, спроецированные gif'ы с микродвижениями — это возможно), но это уже представлю Вам поломать голову как.

    Удачи, путник, :)


    Йои Хаджи,
    вид с Хабра
    Share post

    Similar posts

    Comments 129

      0
      test Уберите, пока никто не заметил ;)
        +7
        Ну заметят, ну и? :) Это все один большой ТЕСТ :) Это ж не законченный продукт был, а прототип, который 2 годы пылью покрывался.
          0
          Извините я невнимательно читал.
            0
            Если есть интерес — могли бы попробовать сделать что нибудь более интерестное исключительно теста ради, т.к. покупать такой плагин мне нет смысла т.к. я чисто по 3Д работаю… но мог бы интересные помещения и качественную визуализацию (работы можно глянуть тут www.free-lance.ru/users/IIIKochevnikIII)
          +10
          Не сочтите меня за консерватора, но мне кажется, излишняя сложность ни к чему интернет-магазину.
          Перед тем, как купить диван, мне захочется на нем посидеть, а на сайте лучше показать реальную фотографию, чем 3D-модель, учитывая, что если там хитрый узорчик, то размеры картинки растут.
          В общем: поиграться — да, использовать — нет.
            +14
            Здесь вопрос в том, что это не должно было быть интернет-магазином вообще — задача ВПЕЧАТЛИТЬ клиента и затащить его в реальный магазин. Не будет никто диван за $10k покупать сходу.

            Ребят, я дал идею — Ваша задача уже думать где ее применить :)
              +1
              кстати насчет реальных фотографий — это там и есть — там кликните на ценник под телевизором на первой POV — вот это должно было быть flashкой с многими фотками (для каждого товара)
                0
                Ценники не тыкаются. FF 3.0.1.
                Но вот замысел очень интересный.
                Я, правда, глядя на первую картинку в посте думал, что VRML.
              +1
              В потолке трещина…
                +1
                Это не трещина, а веревка, на которой висит транспарант — задумка была swf'ом наложить и чтобы можно было редактировать, типа «распродажа», посмотрите с первой POV.
                +2
                Мощно.
                  +3
                  Смотрел на это чудо с отвисшей челюстью. Никогда такого не видел. Автору респект!!!
                  0
                  позовите строителей, там трещина на потолке (со второй точки хорошо видна)…
                    +1
                    смотрите мой ответ yoihj 17 сентября 2008, 14:13
                      +1
                      если хотите еще покритиковать — там еще и пара колонн до потолка не доходит и свет кое-где с улицы протекает :) и на деревьях и телевизорах материалы потеряны )
                      0
                      Здорово! Сразу напомнило виртуальный музей на диске Наутилуса «Погружение» :)
                      Однако, увеличение/уменьшение картинки по Shift/Ctrl отнюдь не очевидно, совершенно случайно нашёл.
                        +1
                        скролл маус
                        +4
                        Клево.
                        Я бы на Вашем месте инвертировал управление мышью.
                          +3
                          это не мой плагин — flashpanoramas.com
                            +1
                            Настройки не меняются там разве?
                            Идея супер, чиво там говорить :)
                              +2
                              возможно, я с трудом вспомнил URL этого сайта-то )
                          +5
                          Тошнит от сайтов на Flash. Вчера игрался с сайтом nikeid, был очень злой, еле грузится, тормазит итд.

                          А магазине мне нужен поиск, описание товара и цена, а не тормазнутая ерунда где ничего найти нельзя.
                            +5
                            Еще раз — этот сайт имел целью впечатлить клиента и затащить его под впечатлением в реальный магазин. В этом магазине стулья ОТ 1500 евро. (минусую не я)
                              +2
                              Пока я не могу представить, куда бы впихнуть вашу идею, но по моему не для магазина 100%.
                                +3
                                Сайт дизайн студии? )
                                  +2
                                  Порфолио на стенах.
                                    +1
                                    Магазин где продаюст картины, картины на стенах ;)
                                      +2
                                      Картинная галерея, где каждая картина — шаг в другое измерение — сама по себе панорама в новую галерею ) А что это идея для фотогалереи на сайте )))
                                        +4
                                        монетизирование — лечением психического здоровья клиентов )
                                          0
                                          Но… как я уже упомянул выше, Flash мне не нравится. Такое ощущение что не я управляю сайтом, а он мной. Нельзя сохранить картинку, нельзя открыть там, нельзя вообще кикнуть второй кнопкой мышки.Это напрягает.

                                          Очень правельно имхо, что на некоторых сайтах спрашивают Flash or HTML.
                                            +2
                                            Я ж не говорю, что все сайты должны быть такими. Это именно для Имиджевых. Для понта. Кроме того можно отправлять пользователя в некоторых местах не на новую панораму, а на HTML (например, полный список товаров).
                            +1
                            А качество картинок тоже с учетом того что это тест, или на данном этапе это ограничение используемых технологий?
                              +3
                              Шум на картинках — плохо настроил VRay — он и так сутки рендерил, если бы рендерил 4 суток — шума бы не было. Артефакты — пережатый JPG — просто он и так 500КБ — пришлось урезаться. Если бы сделал пол не ковром, то в 300-400КБ уже бы более-мее приличное качество получилось.

                              Если сделать не одной картой сферы, а 6 — боксом, то грузиться будет по частям — там можно быть размерчик подувеличить.

                              Кроме того в плагине есть подгрузка lo-fi версии сначала, hi-версии по ходу действия и смены картинок без перезагрузки страницы. Если их еще в фоне в HTML через (new Image()).src закешировать — то пока пользователь будет крутиться на одном месте — загрузятся все и уже будет мгновенно переходить.
                                0
                                А размер и при таком качестве немаленький получился.
                                  +1
                                  Согласен. Но 200КБ на втором POV — вполне терпимо, сравнимо с обычным сайтом. Просто ковер на первой отожрал еще 300КБ.
                              • UFO just landed and posted this here
                                  +3
                                  Это все к автору плагина советуйте.
                                  А вообще это влево-вправо, вверх-вниз (инверсии) — личные особенности людей, статья даже где-то была, что одни думают так, другие иначе — я вот совпадаю с автором плагина, что так удобнее.
                                  • UFO just landed and posted this here
                                  +1
                                  если бы Вы опубликовали это на каком-нибудь дизайн-форуме — Вас бы просто порвали!!!
                                    +2
                                    пускай рвут ) мне как-то все равно — я ж им это не продаю. )) поэтому я на дизайн-форуме и не публикую — здесь это может кому-то помочь и он увидит ИДЕЮ, а не то, что там «трещина в потолке» )
                                    +1
                                    По идее, чтобы облегчить это дело, можно было б панораму в нескольких уровнях детализации в тайлах держать и подгружать при просмотре, но до такой оптимизации дело не дошло, насколько я понял.

                                    Штука интересная, хотел сделать подобное для ночного клуба, попроще и без флэша на чистом html/js, но заказчик решил, что такое не потянет и отказался пока.
                                      +1
                                      да, я уже выше это комментил — 14:45
                                        +3
                                        справа от времени комментария есть забавная решёточка ;)
                                      +1
                                      Идея в принципе интересная, но я скорее отнес бы ее к Студиям Дизайна Интерьера или подобным организациям. Для них было бы круто в живую показать свои работы, чтоб пользователь смог посетить их интерьер, вкусить все прелести.

                                      Не вижу смысла подобной реализайции для мебельного салона. Мебель, вот что нужно показывать, без лишнего антуража итд.
                                        0
                                        А мне кажется, что антураж обязателен.
                                        В хороших мебельных магазинах, а не складах мебели, всегда наборы мебели ставят так, как будто они стоят в комнате и к ним добавляют всякие предметы интерьера типа абажура и журнального столика по середине комнаты, стенку с обоями в цвет могут подвесить и т.д.

                                        Так легче представить как это будет выглядеть у себя дома, а еще может появиться желание купить всё, что там стоит сразу.
                                        Другое дело, что такое оформление магазина будет гораздо дороже, чем просто штабеля кроватей, ящиков и шкафов :)
                                        –5
                                        Отвратное качетсво панорамирование, отвратное качество цеников, жутчайшие артефакты JPEG-сжатия текстур, искажения перспективы выше всяких разумных пределов.
                                        Концепт в идеале был бы хорош, но, но, качество исполнения вызывает ассоциацию скорее с трэш-арт-проектами.
                                          +1
                                          не пользуйтесь )
                                            –9
                                            «Еще раз — этот сайт имел целью впечатлить клиента и затащить его под впечатлением в реальный магазин.» — вот в чем проблема, не впечатляет, вызывает ощущение скорее наколенной дешевки.
                                              +7
                                              1. Прочитайте еще раз это «ПРОТОТИП»
                                              2. Я не дизайнер
                                              3. Я не архитектор

                                              Я программер. Ждать от меня хорошего дизайна — все равно что показать мне как резать курицу и после этого предлжить сделать пересадку сердца.

                                              Вы дизайнер? Рисуйте! Рисуйте лучше, красивее. Я рисовать вообще не умею. ВООБЩЕ! И не претендую что умею. Если бы эта идея пошла — ее бы рисовали ПРОФЕССИОНАЛЫ моделеры и дизайнеры.

                                              Моя задача была показать ИДЕЮ, а НЕ ВОПОЛЩЕНИЕ.
                                                –17
                                                Тут убог, не дизайн, тут убога техническая реализация. Концепт в чем? 3D-модель магазина с ценниками? Это не концепт. Это моделирование существующих в нашем мире вещей.
                                                Концепт должен нести в себе какую-либо идею, у вас идея считывается одна «впечатлить клиента» — да, низким качеством реализации впечатляет. Смелостью подхода — нет.
                                                  0
                                                  ТоварищЪ ichik, ну что вы упорствуете? Уже все, кроме вас, давно поняли, что именно хотел показать автор. Честь ему и хвала, кстати.

                                                  А вы, раз так хорошо критикуете — предложите что-то не менее интересное, свое. Мы посмотрим.
                                                +3
                                                Это нормально для proof of concept — как набросок от руки.
                                                  +1
                                                  Во! Именно «proof of concept» это и есть. Спасибо.
                                                    –3
                                                    Для начала нужно иметь тот самый concept, который надо proof.
                                                +1
                                                а можно объяснить вот это: «отвратное качество панорамирования»? если в этой фразе вообще есть смысл, учитывая что я не сшивал фотографии, а это большая spherical map рендерилась 3д максом…

                                                или это так — просто ради «ну надо же чего-то обругать?»
                                                  0
                                                  Это значит искажение пропорций и перспективы при изменении «точки обзора».
                                                    +1
                                                    отправьте в 3ds max баг репорт — у них оказывается все эти годы неправильно все рендериться, будете героем.
                                                      +2
                                                      но сначала изучите что такое сферическая проекция и почему в ней не может меняться FOV — а следовательно и перспектива, окей?
                                                        0
                                                        Я отлично знаю что это такое, а вот вы похожете не знаете, что эффект рыбьего глаза можно компенсировать пропорциональным исправлением текстур.
                                                        Да, еще я бы вам был благодарен, если бы вы отвечали не в таком развязном тоне.
                                                      0
                                                      Вы кто по профессии?
                                                        0
                                                        Социолог.
                                                    –3
                                                    Не могу не согласиться. Такое качество вообще никого не может впечатлить. Возможно идея и хороша для использования в некоторых узкоспециализированных нишах, но назвать ЭТО «миром сказок и невероятного прототипа» уже слишком. Путник, блин.
                                                    +1
                                                    Была одна бредовая детская задумка (классе эдак в 8-9), сделать кабинку туалета в интернет, просто чтоб можно было почитать надписи на стенах, поспускать воду…
                                                    Теперь вот можно реализовать более или менее полноценно. =)))

                                                    Спасибо, будем знать, будем иметь ввиду!
                                                      –4
                                                      Столько пафоса, и такой дерьмовый сайт!
                                                        0
                                                        перечитай статью =)
                                                        речь не о сайте, а о технологии
                                                          +2
                                                          И технология гавно!
                                                          Смотрим сюда blog.papervision3d.org/category/demos/
                                                            +1
                                                            «без… моделирования сферы и выворачивания ее нормалей.»
                                                              +2
                                                              papervision хорошая технология, но сложная. я предложил простой путь.
                                                                –5
                                                                качество превыше всего!
                                                                +1
                                                                Так пользоваться ей никто и не заставляет.
                                                                Имхо, автор просто показал один из методов
                                                            0
                                                            Можно действительно картинку динамически подгружать. Получится Google Street View.
                                                              +2
                                                              сильно railgun и ботов не хватает!
                                                                +1
                                                                да, мои дизайнеры сразу к этому вместо нижней фигни BFG пририсовали )) клиенту правда показали в этом варианте с инструкцией внизу ) а так — возможно ) даже при должном скриптинге — стрелять наверное можно )
                                                              • UFO just landed and posted this here
                                                                  +1
                                                                  Плагины. Задача именно была чтобы сделать что-то, что без доп.загрузок работало у всех.

                                                                  Серьезно думаете, что я не стал бы реальное 3d делать, вместо того, чтобы возиться через зад, если бы оно поддерживалось хоть как-то у всех? (два года назад даже в бете оперы еще canvas 3d не было)
                                                                  • UFO just landed and posted this here
                                                                    +2
                                                                    VRML никогда широко не использовался. Сам очень за него переживал в свое время, писал по нему доклады в универе, на конференциях выступал :)
                                                                    +1
                                                                    Такая идея давно применяется в интерактивных панарамах городов. Там кстати сделано действительно качественно и юзабельно. Было на хабре много раз.
                                                                      +1
                                                                      «Без плагинов, кроме Флеша, используя технологии многолетней давности
                                                                      Я не спорю про реальные панорамы и даже четко говорю про Stitcher, просто для 3D этого никто не использовал [на тот момент].
                                                                      0
                                                                      Э… Я, может, покажусь нытиком, но так многа букав, а по сути — использование 3д панорамы на сайте.

                                                                      Но, соглашусь — удивить не искушённого в интернете клиента эта штука, скорее всего, сможет. Вот только 3d в интернете уже давно несёт не «стиль», а «попсовость». И, мне кажеться, после того, как заказчик поймёт, что сделали сайт, на котором реально очень сложно найти информацию (попробуйте найти нужную вам вещь в большой неизвестной комнате) — тогда он, скорее всего, закажет другой дизайн и сайт. Что, конечно, денег за проделанную работу у вас не отнимет ;)
                                                                        0
                                                                        «нужную вещь», вы думаете в терминах обычного интернет-магазина — это наживка для богатых. они не ищут что-то конкретное, они ищут что-то что им нравится по виду и брендовости, цена и тех.характеристики им по барабану. если весь магазин брендовый — то остается только вид.

                                                                        я не говорю, что это для всех нужно и что все сайты должны быть такими, именно некоторые имиджевые. какие — думайте уж сами.
                                                                        0
                                                                        linuxMint, firefox 3.0.1 к сожалению не работает
                                                                          +1
                                                                          жаль. но повторюсь в третий раз — плагин разрабатывал не я.
                                                                            0
                                                                            Что-то там у вас хреново. Убунту 8.04.1, тот-же фокс. Работает.
                                                                          • UFO just landed and posted this here
                                                                              +1
                                                                              «Без плагинов, кроме Флеша, используя технологии многолетней давности.»

                                                                              Я не спорю и поддерживаю — квиктайм — то что надо для десктоп-панорам, но «Без плагинов, кроме Флеша» для сайта это не пройдет. Если человека (богатого и неискушенного в IT) заставить скачивать и ставить Quicktime — он сразу уйдет.
                                                                              • UFO just landed and posted this here
                                                                            • UFO just landed and posted this here
                                                                                +1
                                                                                Ну сколько ж можно объяснять. 200КБ весь второй POV!
                                                                                  +1
                                                                                  КИЛОБАЙТ, понимаете, КИЛО!!! Это сравнимо с ОБЫЧНОЙ html с картинками.
                                                                                    +3
                                                                                    Да не обращайте внимания. Это предубеждение не лечится.
                                                                                      0
                                                                                      200 килобайт — объем крайне информационно насыщенного сайта на том же HTML, количество информации которую вы презентуете тут можно с помощью традиционных техник уместить в объем килобайт эдак 50.
                                                                                    • UFO just landed and posted this here
                                                                                      +3
                                                                                      а я вам как не дизайнер говорю, что я НЕ ДИЗАЙНЕР
                                                                                      прочитайте выше мой коммент от 15:07
                                                                                        0
                                                                                        Что-то я не видал сайтов по 500 мб, разве что видео в онлайн, да и то на один фильм меньше препадает.

                                                                                        По поводу ресурсоемкости: Это только на територии СНГ существуют такие проблемы. В США к примеру, такой проект пошел бы на ура, посколько и скорость высокая и интернет по-сути бесплатный.
                                                                                        • UFO just landed and posted this here
                                                                                            0
                                                                                            Существуют хостинги под 3Д сайты. к сожалению они находятся в режме отладки, ибо с нагрузками возложеными на них едва ли спрвляются. Будем надеятся, что в ближайшее время все изменится и начнется новая эра 3Д сайтинга.
                                                                                        0
                                                                                        Глубин, глубина я не твой.
                                                                                        Если отрешиться, то вполне из холодной серверной перенесся в теплую яркую уютную комнату.
                                                                                          0
                                                                                          Простая бесплатная альтернатива — написать плеер панорамы самому с использованием готового 3d-движка. На pv3d это строчек 30 кода. Если писать самому с нуля, то порядка строк 200 наверное.
                                                                                          А вообще, панорамы — это уже довольно избитая тема, и таковой была уже и в 2007м. Гугловский стритвью вышел где-то год-полтора назад, вот это впечатлило, хотя технология та же.
                                                                                            +4
                                                                                            Качество графики — ужас. Я конечно понимаю, что трафик и всё такое, но делать такого качества — это плохо. Хотя, может, если окошко уменьшить, то нормально смотрится…
                                                                                              0
                                                                                              0
                                                                                              www.immersivemedia.com/
                                                                                              Там 3D видео! Обязательно к просмотру )
                                                                                                0
                                                                                                Вот кстати да, 3D видео впечатляет очень даже.
                                                                                                  0
                                                                                                  Абсолютно та же технология. На сферу натянули видео. Ничего особенного.
                                                                                                  0
                                                                                                  Идея может и имеет право на жизнь (для магазина в частности), но над реализацией еще работать и работать. Двоякие чувства.
                                                                                                    0
                                                                                                    на мой взгляд — подходит только для чернового варианта.
                                                                                                      0
                                                                                                      как идея, только как идея.

                                                                                                      если улучшить может чего и выйдет, но пока — хреново.
                                                                                                      • UFO just landed and posted this here
                                                                                                          +1
                                                                                                          Или еще есть «neq4»: neq4.ru/
                                                                                                          Самый известный (мне :)) их проект — «Виртуальный поезд Москва — Владивосток»: pass.rzd.ru/vtour/index.html
                                                                                                          0
                                                                                                          Хм, это все конечно здорово, но у меня есть вопрос. А если я не хочу делать 3d модель? Я могу с помощью этого плеера показать просто круговую панараму? (Мне не в падлу сходить на сайт, просто может автор вкурсе..) вообщем спасибо.
                                                                                                          • UFO just landed and posted this here
                                                                                                              0
                                                                                                              Что за телик такой подозрительный Samsung RadiationKing? Сделано в Чернобыле?:)
                                                                                                                0
                                                                                                                Автор молодец за проделанную работу!

                                                                                                                Концепция интересна, однако не так практична как кажется на первый взгляд. Скажем, я желаю приобрести компьютерный стол. Какие на сайте имеются варианты, чтобы мне увидеть весь ассортимент компьютерных столов? На сайте отсутствует как навигация, так и корзина для покупок.

                                                                                                                Предложения:

                                                                                                                — добавить на стол в прихожую вашего интернет-магазина каталог, скажем с эффектом переворачивания станиц наподобие (http://silverlight.net/samples/1.0/Page-Turn/default.html), щёлкнув на котором, пользователь смог бы просмотреть всю продукцию
                                                                                                                — или создать отдельные комнаты, где будут представлены мебель по категориям: одна комната — мебель для офиса, другая — кухня и т.д.

                                                                                                                Продолжайте! С удовольствием хотелось бы увидеть результат.
                                                                                                                  0
                                                                                                                  За эти два года, я увидел только один сайт, который сделан по такой технологии, хотя она лежит на поверхности, и это была компания уровня Sony (кто именно — забыл.)

                                                                                                                  Случайно не этот сайт вы видели?

                                                                                                                  Дорогой магазин мебели, позволяет выбрать и расставить мебель внутри виртуальной комнаты, и получить картинку с любого ракурса в 3д. Превьюшки рендерятся почти реал-тайм.

                                                                                                                  Кстате, если он не обидится, то скажу что хабраюзер xa4a, приложился к разработки этой штуковины.
                                                                                                                    0
                                                                                                                    В дополнение, отличное применение для сайта можно найти технологии Deep Zoom (отличный пример — memorabilia.hardrock.com/), чтобы улучшить качество изображений и дать возможность юзверям с медленным соединением получить удовольствие от посещения сайта.
                                                                                                                      0
                                                                                                                      хрень.
                                                                                                                        0
                                                                                                                        Супер!

                                                                                                                        Спасибо. Эффектно очень.

                                                                                                                        Но, кажется, что можно подобного эффекта без флеша добиться ) — пока не знаю как, просто инженерная интуиция, но надо подумать ) Придумаю — напишу.
                                                                                                                          0
                                                                                                                          кстати, видел где-то еще подобный 3Д-движок, его пытались на наш сайт кафедры втюхать для меню :):):) Название не помню :( Пример был как раз с картинной галереей
                                                                                                                          0
                                                                                                                          Я один вижу только слово «тест» маленькими буквами и ничего более? :-))))))))))))
                                                                                                                          Браузер IE, флэш плеера не стоит.
                                                                                                                          Я конечно открыл после в FF где все заработало. Не зацепило ни разу. На флэше видел сайты и много более функциональные и более продвинутые в плане дизайна. В чем революция-то?
                                                                                                                            +2
                                                                                                                            Отличная статья!
                                                                                                                            А то все видели, а чтоб вот так, пошагово и с примерами — не попадалось. Спасибо!
                                                                                                                            Автором затронут важный вопрос — есть ли бесплатные альтернативы для 3D-движка?
                                                                                                                              0
                                                                                                                              Идея использовать 3d реально привлекает и для каких-то вещей наверняка будет прямо в точку. Спасибо автору за статью!
                                                                                                                                0
                                                                                                                                Супер!
                                                                                                                                Ближайшее будущее многих сайтов.
                                                                                                                                  0
                                                                                                                                  Перейти посерьёзному на так сказать WEB-3D, получиться только в случае когда поддержка 3D будет обеспечена самими браузерами (допустим как JavaScript) и появиться стандарт типа 3DHTML. Попытки были — VRML, но это опять же плагин на подобии flash.
                                                                                                                                    0
                                                                                                                                    Фигня это. Дерьмовый сайт.
                                                                                                                                      0
                                                                                                                                      Спасибо! Вспомнил Duke3D. =)
                                                                                                                                        0
                                                                                                                                        Хм. Идея интересная, возьму на вооружение. Если не ошибаюсь, то подобную фишку реализовали в квик тайме от apple.
                                                                                                                                        Заметил нюанс, когда перетаскиваешь камеру то изображение хуже чем статичное(более сгаженное), это отдельный файл или особенность реализации? ИМХО если можно реализовать два разных изображения, то когда перетаскиваешь камеру классно было бы подложить то же самое изображение, но с эффектом motion blur, и сразу картинка «заиграет».

                                                                                                                                        Протестил на google chrome и fireFox, иконки на мебели не работают. Несовместимость или недоработка?
                                                                                                                                          +1
                                                                                                                                          По-моему, идея хороша, но не пактична. Почему?
                                                                                                                                          1)Флеш! — Красивая вещь, но не у всех людей есть интернет с необходимой для нормальной работы скоростью.
                                                                                                                                          2)А где же простота и удобство? От интернет магазина требуются 2 основные функции: 1-предоставление товара и его описания, 2-осуществление операции покупки\продажи. Все остальное в основном не только лишнее, но и вредное для юзабилити.

                                                                                                                                          Мой субъективный вывод: данная твоя идея безусловна интересна и мне она очень нравится, но для магазина она не годится. Реклама тооваров — вот отличный способ применения, но не магазин.

                                                                                                                                          Са статью спасибо, очень интересно!

                                                                                                                                          Only users with full accounts can post comments. Log in, please.