Your SlideShare is downloading. ×
3 D Web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

3 D Web

240
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
240
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Трехмерные вебсайты и вебсервисы: Возможности, преимущества и перспективы
  • 2. Возможности браузерного 3D Flash
      • http://alternativaplatform.com/ru/demos/bunker-fp10/
      • http://www.closier.nl/playground/temple.html
  • 3. Возможности браузерного 3 D Java
      • http://www.avengina.org/?target=run
  • 4. Проникновение RIA По данным http://riastats.com/#
  • 5. 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 сайтов)
  • 6. Применение браузерного 3Д
    • Визуализация товаров:
      • Вращение товаров (телефоны, ноутбуки, кроссовки и т.д.);
      • объекты недвижимости;
      • онлайн-планировщики комнат
      • автомобили;
      • продажа трёхмерных моделей;
    • Трёхмерные интерфейсы
      • 3д интерфейсы для навигации по сайтам
      • Экономические 3д графики
      • Визуализация знаний
      • Визуализация социальных сетей
    • Трёхмерные миры и игры;
      • браузерные 3Д игры;
      • создание 3д аватор;
      • 3д миры
    • Трёхмерные географические, картографические и статистические сервисы
    • Отрёхмеривание:
      • 3D повторы футбольных матчей
      • Фотки
      • Панорамные вебсервисы
    • Красоты , да интерактивности ради (промосайты)
  • 7. Визуализация товаров
    • Телефоны
      • 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
  • 8. Визуализация товаров 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 .
  • 9. Визуализация товаров
    • Одежда:
      • 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
  • 10. Визуализация недвижимости
      • 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
    Внешняя
  • 11. Визуализация недвижимости
      • 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
  • 12. 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
  • 13. 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
  • 14. Вебсервисы по визуализации 3 D моделей
      • http://www.3dvia.com
      • http://3dflicker.com
      • http://madlix.com
      • http://3dflicker.com
      • http://madlix.com
  • 15. Панорамы
      • 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
  • 16. Отрехмеривание
      • 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
  • 17. Трехмерные интерфейсы
    • Навигация по сайтам:
      • Плоскостная («плейновая»)
      • Кубическая
      • Сферические
      • Спиральна
      • Zoom инг
      • От первого лица
    • Трехмерные схемы и графы
        • Визуальные поисковики
        • Экономические визуализации
  • 18. Трехмерные интерфейсы 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/
  • 19. Трехмерные интерфейсы 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/
  • 20. Трехмерные интерфейсы Иерархические ряды
          • http :// nebgroup.com.ua
            • http:// nebgroup.com.ua
            • http://3dflicker.com
            • http:// whitevoid.com/application.html
            • http:// whitevoid.com/application.html
  • 21. Трехмерные интерфейсы
        • 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
  • 22.
        • 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/
  • 23.
    • Просто кубы
      • 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
    Достоинства Недостатки
    • Объемность смотрится красиво
    • Метафоричность (метафоры полок, коробок, пирамидок и т.д.)
    • Из-за объемности кубы перекрывают друг друга
    • Одновременно хорошо видны не более двух граней каждого куба
  • 24.
          • 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 поисковики
  • 25.
      • http://www.oculusinfo.com/
      • http://www.3dgeostats.com/
      • http://www.3dstats.com
      • http://gecon.yale.edu/
    http://www.oculusinfo.com/
      • http://gecon.yale.edu/
    Трехмерные интерфейсы экономические визуализации
  • 26. 3 D графы, схемы, таймлайны
    • http://nebgroup.com.ua/examples/scheme3d (альфа проекта Scheme3D)
    • http://nebgroup.com.ua/examples/prohorov ( 3д схема исторических деятелей )
    Достоинства Недостатки
    • Всегда можно выбрать оптимальный вид
    • Вмещают больше информации
    • Стрелки практически не пересекаются
    • Больше осей, часть из которых можно сделать численными
    • Всегда можно зафиксировать 1 или 2 оси и перейти в 2.5 D или 2 D режим
    • Более сложное управление
    • Не оптимизиро - ваны для печати
    • Более сложные в разработке
    Резюме:
    • Лучше использовать для:
    • Больших схем
    • Таймлайнов среднего и большого размера
    • Мультииерархических схем
    • Схем с большим количеством стрелок
  • 27. Проникновение RIA По данным http://riastats.com/#
  • 28. 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
  • 29. 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д игр и визуализаций недвижимости
  • 30. Особенности Away3D
    • Lathe , Extrude и Mirror позволяют программно генерировать 3д сцены, что существенно уменьшает размер файлов
    • Туман позволяет рендерить меньше полигонов
    • NormalMapping позволяет с помощью текстур увеличивать качество модели
    • Skinextrude позволяет делать рельеф на базе карты глубин
    • Возможность указания движения по рисованному пути существенно облегчает анимацию
    • Возможность рендера в bitmap позволяет добавлять красивые 2Д эффекты
    • Кэширование трёхмерных моделей позволяет загружать модели на десятки тысяч полигонов при статической камере
          • http://www.closier.nl/playground/smoothtransition.html
          • http://www.closier.nl/playground/normalmaps3.html
  • 31. Границы применимости 3д Лучше применять для: Лучше НЕ применять для:
    • Промосайтов
    • Отображения галерей
    • Игр
    • Панорам и виртуальных туров
    • Отображения сложного оглавления сайта
    • Визуализации телефонов, недвижимости и прочих товаров в 3 D
    • Отображения сложных схем и графов
    • Визуализации OLAP кубов и экономическое статистики
    • Отображения статей (за исключением оглавлений и облак тегов) , ибо почти не индексируется
    • Ресурсов рассчитанных на мобильники и слабые компьютеры (за исключением серверного 3д)
    • Простых сайтов
    • Низко бюджетных сайтов (3д программируется сложнее)
    • Простых схем
  • 32. Почему 3д веб не состоялся раньше
    • Основные причины:
      • Медленный интернет (преобладание dial up)
      • Сфокусированность крупных компаний на виртуальных мирах,а не на 3д интерфейсах и анимационных эффектах
      • Позднее добавление 3 D эффектов во флеш
      • Пессимизм инвесторов после неудачных первоначальных инвестиций в виртуальную реальность в 90-х годах
      • Высокие системные требования для рендеринга 3D сцен с генерируемыми текстурами и геометрией и малое внимание уделенное таким (например , werkzeug) технологиям со стороны крупных ИТ компаний .
  • 33. Факторы роста популярности 3Д в будущем
    • Развитие 3D стимулируется:
    • Расширением каналов доступа
    • Распространением 3д манипуляторов:
      • Microsoft Surface и сенсорные дисплеи .
      • Перчатки виртуальной реальности
      • Управление с помощью 3д камер .
      • Виртуальная сфера и прочие манипуляторы для ходьбы в 3 D мире .
      • Прочие 3д манипуляторы .
    • Отображения 3д:
      • 3д шлемы
        • «Закрытые»
        • «Дополненная реальность» .
      • 3д мониторы
  • 34. Спасибо за внимание !
    • Контакты:
    • http://www.nebgroup.com.ua
    • [email_address]