• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
3 D Web
 

3 D Web

on

  • 497 views

 

Statistics

Views

Total Views
497
Views on SlideShare
497
Embed Views
0

Actions

Likes
0
Downloads
3
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    3 D Web 3 D Web Presentation Transcript

    • Трехмерные вебсайты и вебсервисы: Возможности, преимущества и перспективы
    • Возможности браузерного 3D Flash
        • http://alternativaplatform.com/ru/demos/bunker-fp10/
        • http://www.closier.nl/playground/temple.html
    • Возможности браузерного 3 D Java
        • http://www.avengina.org/?target=run
    • Проникновение RIA По данным http://riastats.com/#
    • 3Д вебпроекты крупных компаний
      • http://www.fromstockholmwithlove.com/entries/telenor/ ( Telenor , «коммуникация и эмоции»)
      • ( http://www.audi.co.uk/RS6 ) Audi , сайт автомобиля RS6
      • http://www.newaccord.com.au/ Honda , сайт автомобиля Accord
      • http://www.ing-renaultf1.com/en/ Renault
      • http://club.vaio.sony.co.uk/clubvaio/gb/en/vaio10/ Sony Vaio (3д ноут)
      • http://www.hellboymovie.com/creatureAnatomy/creatureAnatomy.html HellBoy
      • http://www.msnbc.msn.com/id/24207533/ Microsoft (навигация по новостям )
      • http://www.canon-europe.com/eos400d Canon , сайт фотоаппарата EOS 400D
      • http://www.nike.com.au/thearmoury/ Nike (коллекция кроссовок)
      • http://www.justdoit.ru/content.html Nike “Just do it”
      • http://www.mars.com Mars , сайт компании
      • http://www.bbc.co.uk/radio/labs/podcasts/ BBC (подкасты)
      • http://www.intel.com/english/unseenforces/ Intel ( игра IT Manager)
      • http://www.flavors.philips.com/us_en/index.html Philips
      • http://www.adidascelebrateoriginality.com/index.php Adidas
      • http://dsc.discovery.com/guides/discovery-earth-live/ Discovery, “Earth Live”
      • http://dailypv3d.wordpress.com ( обновляемый список Papervision3D сайтов)
    • Применение браузерного 3Д
      • Визуализация товаров:
        • Вращение товаров (телефоны, ноутбуки, кроссовки и т.д.);
        • объекты недвижимости;
        • онлайн-планировщики комнат
        • автомобили;
        • продажа трёхмерных моделей;
      • Трёхмерные интерфейсы
        • 3д интерфейсы для навигации по сайтам
        • Экономические 3д графики
        • Визуализация знаний
        • Визуализация социальных сетей
      • Трёхмерные миры и игры;
        • браузерные 3Д игры;
        • создание 3д аватор;
        • 3д миры
      • Трёхмерные географические, картографические и статистические сервисы
      • Отрёхмеривание:
        • 3D повторы футбольных матчей
        • Фотки
        • Панорамные вебсервисы
      • Красоты , да интерактивности ради (промосайты)
    • Визуализация товаров
      • Телефоны
        • Nokia http://www.nokia-asia.com/A4415199
        • (демо) ( www.3dflicker.com/ euroset )
      • Ноутбуки:
        • http://club.vaio.sony.co.uk/clubvaio/gb/en/vaio10/ Sony Vaio
      • Автомобили:
        • http://www.audi.co.uk/RS6 Audi
        • http://www.newaccord.com.au/ Honda
        • http://www.ing-renaultf1.com/en/ Renault
        • http://www.mercedes-benz.es/CLC/ Mercedes Benz
      • Одежда:
        • http://www.mvm.com/en/visualsearch.php
      • Обувь
        • Nike ( http://www.nike.com.au/thearmoury/ )
        • Кроссовки http://www.westimages.com/3d-presentation-pdf.html
        • Nike http://www.justdoit.ru/content.html
    • Визуализация товаров http://www.mercedes-benz.es/CLC /
        • http://www.nokia-asia.com/A4415199
      • Телефоны
        • Nokia http://www.nokia-asia.com/A4415199
        • ( демо ) ( www.3dflicker.com/ euroset )
      • Ноутбуки:
        • http://club.vaio.sony.co.uk/clubvaio/gb/en/vaio10/
      • Автомобили:
        • http://www.audi.co.uk/RS6 Audi
        • http://www.newaccord.com.au/ Honda
        • http://www.ing-renaultf1.com/en/ Renault
        • http://www.mercedes-benz.es/CLC/ Mercedes Benz .
    • Визуализация товаров
      • Одежда:
        • http://www.mvm.com/en/visualsearch.php
        • http://www.francksorbier.com/sorbier_en.html
      • Обувь
        • Nike ( http://www.nike.com.au/thearmoury/ )
        • Кроссовки http://www.westimages.com/3d-presentation-pdf.html
        • Nike http://www.justdoit.ru/content.html
        • http://www.mvm.com/en/visualsearch.php
        • http://www.westimages.com/3d-presentation-pdf.html
    • Визуализация недвижимости
        • http://alternativaplatform.com/ru/demos/altcity/
        • http://www.enternetica.com/3d-web/larahill.html
        • http://3dweb.ru/?p=4〈=rus
        • http://alternativaplatform.com/ru/demos/altcity/
        • http://www.enternetica.com/3d-web/larahill.html
      Внешняя
    • Визуализация недвижимости
        • http://dragonfly.autodesk.com
        • http://dekort3d.todesign.pl/
        • http://ecsw.pl/
        • http://v3.planningwiz.com/
        • http://alternativaplatform.com/swf/demos/flat/flatfp10.swf .
      Планировщики комнат
        • http://dekort3d.todesign.pl/
        • http://dragonfly.autodesk.com
    • 3Д модели, игры, миры, галери и
      • Вебсервисы по визуализации 3Д моделей
        • http://www.3dvia.com
        • http://3dflicker.com
        • http://madlix.com
      • 3Д галереи (от 1 лица)
        • http://ecsw.pl/
        • http://gallery.worldsware.com/
        • http://labs.anymotion.de/
        • http://www.wildridexm.com/
      • Браузерные 3Д игры
        • http://www.intel.com/english/unseenforces/
        • http://www.gamescheatcodes.co.uk/newgames/nimian-hunter.htm
        • http://games.vds-communication.com/games/conflict/
        • http://storage.elektroncek.eu/oskar/airship/pv009.html
        • http://www.newgrounds.com/portal/view/427278#
        • http://www.bbc.co.uk/switch/meta4orce/launch.shtml?id=deadsphere
    • 3Д игры
        • http://www.intel.com/english/unseenforces/
        • http://www.thegameslist.com/game/2960/MotorStorm_Pacific_Rift__Monster_Mayhem
        • http://www.gamescheatcodes.co.uk/newgames/nimian-hunter.htm
        • http://games.vds-communication.com/games/conflict/
        • http://storage.elektroncek.eu/oskar/airship/pv009.html
        • http://www.newgrounds.com/portal/view/427278#
        • http://www.bbc.co.uk/switch/meta4orce/launch.shtml?id=deadsphere
        • http://www.avpvu.com/
        • http://www.skateit.ea.com/
        • http://www.newgrounds.com/portal/view/386254
        • http://www.thegameslist.com/games/tag/papervision/games
        • http://www.thegameslist.com/game/2960/MotorStorm_Pacific_Rift__Monster_Mayhem
        • http://alternativaplatform.com/swf/demos/strategy/strategyfp10.swf
    • Вебсервисы по визуализации 3 D моделей
        • http://www.3dvia.com
        • http://3dflicker.com
        • http://madlix.com
        • http://3dflicker.com
        • http://madlix.com
    • Панорамы
        • http://www.lucid.it/
        • Google street view
        • http://www.lucid.it/ (видео-панорамы)
        • http://www.everyscape.com/ (с 3D переходами)
        • http://www.360cities.net/
        • http://www.mapjack.com/
        • http://www.everyscape.com
        • Google street view
    • Отрехмеривание
        • http://www.earthmine.com/ (отрёхмеривание улиц)
        • http://euro2008.yandex.ru/video.xml (3Д повторы футбольных матчей)
        • http://make3d.stanford.edu/ отрёхмеривание фоток (частичное)
        • http://www.earthmine.com/
        • http://euro2008.yandex.ru/video.xml
    • Трехмерные интерфейсы
      • Навигация по сайтам:
        • Плоскостная («плейновая»)
        • Кубическая
        • Сферические
        • Спиральна
        • Zoom инг
        • От первого лица
      • Трехмерные схемы и графы
          • Визуальные поисковики
          • Экономические визуализации
    • Трехмерные интерфейсы 3 D стенки
            • http://www.airtightinteractive.com/projects/tiltviewer/app/
            • http://www.flashloaded.com/flashcomponents/3dwall/
            • http://www.fotoviewr.com/
            • http://netageadv.it/
            • http://www.eric-tombarel.com/
            • http://www.adrianwilson.org/
            • http://www.tbc.us/
        • http://www.flashloaded.com/flashcomponents/3dwall/
            • http://www.tbc.us/
    • Трехмерные интерфейсы Zoom- инг
            • http://photozoom.mslivelabs.com/
            • http://zoomism.com/
            • http://livelabs.com/seadragon/
            • http://memorabilia.hardrock.com/
            • http://playboy.covertocover.com/
            • http://www.vertigo.com/deepzoom.aspx .
            • http://www.vertigo.com/deepzoom.aspx
      http://memorabilia.hardrock.com/
    • Трехмерные интерфейсы Иерархические ряды
            • http :// nebgroup.com.ua
              • http:// nebgroup.com.ua
              • http://3dflicker.com
              • http:// whitevoid.com/application.html
              • http:// whitevoid.com/application.html
    • Трехмерные интерфейсы
          • 3D карусели
            • https://widgets.amazon.com/Amazon-Carousel-Widget
            • http://www.13flo.com
            • http://dm09stockholm.com/
          • 3D Спирали
            • http://msnbcmedia.msn.com/i/msnbc/components/spectra/spectra.html
            • http://www.flashloaded.com/flashcomponents/3dspiral/example2.html
            • http://www.denubila.com.br/
            • http://www.13flo.com
            • http://www.flashloaded.com/flashcomponents/3dspiral/example2.html
          • 3 D Сферы
            • http://www.roytanck.com/tag-cloud/
            • http://www.adidascelebrateoriginality.com/
            • http://www.bestiario.org/research/videosphere/
            • http://taggalaxy.de/
            • http://www.denubila.com.br/
      Трехмерные интерфейсы 3D сферы
            • http://www.bestiario.org/research/videosphere/
            • http://www.roytanck.com/tag-cloud/
      • Просто кубы
        • http://www.michaelewing.co.uk/100bestfilms/
        • http://www.absolut.com/iaaw/
        • http://www.search-cube.com/
      Трехмерные интерфейсы кубические интерфейсы
      • «Коробки»
        • http://whitevoid.com/application.html
      • «Полки»
        • http://www.ebbandflow.fr
        • http://www.absolut.com/iaaw/
        • http://www.ebbandflow.fr
      Достоинства Недостатки
      • Объемность смотрится красиво
      • Метафоричность (метафоры полок, коробок, пирамидок и т.д.)
      • Из-за объемности кубы перекрывают друг друга
      • Одновременно хорошо видны не более двух граней каждого куба
            • http://search.tianamo.com/index2.php
            • http://www.search-cube.com/
            • http://cooliris.com/
            • http://www.searchme.com/#/&q=away3d&pi=41
            • http://www.viewzi.com (по фото)
            • http://www.fotoviewr.com/ (по фото)
            • http://search.tianamo.com/index2.php
            • http://www.searchme.com/#/&q=away3d&pi=41
      Трехмерные интерфейсы 3 D поисковики
        • http://www.oculusinfo.com/
        • http://www.3dgeostats.com/
        • http://www.3dstats.com
        • http://gecon.yale.edu/
      http://www.oculusinfo.com/
        • http://gecon.yale.edu/
      Трехмерные интерфейсы экономические визуализации
    • 3 D графы, схемы, таймлайны
      • http://nebgroup.com.ua/examples/scheme3d (альфа проекта Scheme3D)
      • http://nebgroup.com.ua/examples/prohorov ( 3д схема исторических деятелей )
      Достоинства Недостатки
      • Всегда можно выбрать оптимальный вид
      • Вмещают больше информации
      • Стрелки практически не пересекаются
      • Больше осей, часть из которых можно сделать численными
      • Всегда можно зафиксировать 1 или 2 оси и перейти в 2.5 D или 2 D режим
      • Более сложное управление
      • Не оптимизиро - ваны для печати
      • Более сложные в разработке
      Резюме:
      • Лучше использовать для:
      • Больших схем
      • Таймлайнов среднего и большого размера
      • Мультииерархических схем
      • Схем с большим количеством стрелок
    • Проникновение RIA По данным http://riastats.com/#
    • Java vs Flash vs SIlverlight Технология Достоинства Недостатки Резюме Java
      • Поддержка OpenGL (читаем аппаратный рендеринг)
      • Java в основе
      • Легкая интеграция с другими Java приложениями
      • Большой вес
      • Низкая распостраненность в рунете и средняя в мире
      • Сложная интеграция с векторной графикой
      Оптимальна в англнете для средне и высокополигональной 3 D графики Flash
      • Стоит на >90% компьютеров
      • Мало весит
      • Удобство работы с растром, вектором, видео, в комбинации 2д с 3д
      • Наличие развитых 3 D движков ( Away3D, Sandy, Papervision etc.)
      • Софтверный рендеринг (ориентировочно не более 10 000 полигонов при динамичной камере)
      • Софтверный z-ordering
      • Проблемы с индексацией
      • поисковиками
      • Параноидальная политика безопасности во флешплеере
      • Слабый язык в основе
      Оптимальна для всех низкополигональных 3D проектов, трехмерных интерфейсов, панорам и 3д эффектов на сайтах. Оптимальна в рунете. Silverlight
      • Интеграция с WPF
      • Можно писать на C#
      • DeepZooming
      • Deep linking
      • Софтверный рендеринг (производительность на уровне FP 10 )
      • Низкая распостраненность
      • Большой вес плагина
      • Отсутствие развитых 3 D движков
      Годится только 3 версия, оптимально использовать для зуминга и при портировании с WPF
    • 3D движки флеша Движок Достоинства Недостатки Резюме Flash 10 (встроенные 3д возможности)
      • Низкий вес swf- шек
      • Простота
      • Доступны только простейшие 3д эффекты
      • У большинства стоит FP9 ,а не FP10
      • Для простейших 3д эффектов
      Sandy http://flashsandy.org/
      • Простой в освоении
      • Много туториалов
      • Есть версии под допотопные флешплееры
      • Уступает Papervision и Away3D по функциональности
      • Есть Haxe версия
      Оптимален для новичков Papervision http://blog.papervision3d.org/
      • Самый популярный 3д движок = > много туториалов и компонентов
      • Сильная FP10 версия
      • Уступает AWAY3D по функциональности
      Оптимален при использовании чужих 3д компонент AWAY3D http://away3d.com/
      • Широкие возможности для программной генерации 3д моделей, рельефа и normalmaps
      • Быстрое появление новых фич
      • Мощная структура классов
      • Много багов
      • Плохая документация
      Оптимальный 3д движок для большинства проектов Alternativa http://alternativaplatform.com
      • Наивысшая производительность
      • Специальные классы для 3д игр
      • Скоро появиться серверная часть
      • Платный ( 1000$ за проект)
      Оптимален для 3д игр и визуализаций недвижимости
    • Особенности Away3D
      • Lathe , Extrude и Mirror позволяют программно генерировать 3д сцены, что существенно уменьшает размер файлов
      • Туман позволяет рендерить меньше полигонов
      • NormalMapping позволяет с помощью текстур увеличивать качество модели
      • Skinextrude позволяет делать рельеф на базе карты глубин
      • Возможность указания движения по рисованному пути существенно облегчает анимацию
      • Возможность рендера в bitmap позволяет добавлять красивые 2Д эффекты
      • Кэширование трёхмерных моделей позволяет загружать модели на десятки тысяч полигонов при статической камере
            • http://www.closier.nl/playground/smoothtransition.html
            • http://www.closier.nl/playground/normalmaps3.html
    • Границы применимости 3д Лучше применять для: Лучше НЕ применять для:
      • Промосайтов
      • Отображения галерей
      • Игр
      • Панорам и виртуальных туров
      • Отображения сложного оглавления сайта
      • Визуализации телефонов, недвижимости и прочих товаров в 3 D
      • Отображения сложных схем и графов
      • Визуализации OLAP кубов и экономическое статистики
      • Отображения статей (за исключением оглавлений и облак тегов) , ибо почти не индексируется
      • Ресурсов рассчитанных на мобильники и слабые компьютеры (за исключением серверного 3д)
      • Простых сайтов
      • Низко бюджетных сайтов (3д программируется сложнее)
      • Простых схем
    • Почему 3д веб не состоялся раньше
      • Основные причины:
        • Медленный интернет (преобладание dial up)
        • Сфокусированность крупных компаний на виртуальных мирах,а не на 3д интерфейсах и анимационных эффектах
        • Позднее добавление 3 D эффектов во флеш
        • Пессимизм инвесторов после неудачных первоначальных инвестиций в виртуальную реальность в 90-х годах
        • Высокие системные требования для рендеринга 3D сцен с генерируемыми текстурами и геометрией и малое внимание уделенное таким (например , werkzeug) технологиям со стороны крупных ИТ компаний .
    • Факторы роста популярности 3Д в будущем
      • Развитие 3D стимулируется:
      • Расширением каналов доступа
      • Распространением 3д манипуляторов:
        • Microsoft Surface и сенсорные дисплеи .
        • Перчатки виртуальной реальности
        • Управление с помощью 3д камер .
        • Виртуальная сфера и прочие манипуляторы для ходьбы в 3 D мире .
        • Прочие 3д манипуляторы .
      • Отображения 3д:
        • 3д шлемы
          • «Закрытые»
          • «Дополненная реальность» .
        • 3д мониторы
    • Спасибо за внимание !
      • Контакты:
      • http://www.nebgroup.com.ua
      • [email_address]