3D-модели на HTML-странице [закрыт]

У меня есть модель 3D CAD, которую я хочу показать на веб-странице. Я хотел бы показать его в форме <img> тег (например, встроенный со всем остальным, а не как отдельная страница), и я хочу, чтобы посетитель мог вращать модель, чтобы просмотреть ее с разных точек зрения.

какие у меня есть варианты?

вещи, о которых я думаю/смотрю at


Edit: Модель не очень сложна, поэтому perf не является серьезной проблемой.

16 ответов


Chrome Experiments выпустила несколько приложений 3D Javascript. Вот пример: Цвета Куб


Papervison3D является 3D флэш-библиотека, которая может быть стоит посмотреть. У меня не было возможности поиграть с ним, но некоторые демо выглядят хорошо.


Я не уверен, насколько хороша flash в 3d-поддержке таких вещей, как форматы файлов приложений CAD. IIRC, flash не может делать аппаратную ускоренную 3D-графику. С другой стороны, апплет Java может (с правой библиотекой).


Papervision и Unity3D-лучшие варианты для конвейера и быстрой загрузки. Flash установлен на большинстве обработанных, но вам нужно экспортировать как формат COLLADA, и есть предел 2000 полисов, прежде чем он увязнет.

Unity 3D имеет отличный трубопровод и теперь свободен для инди. Он поддерживает очень высокие Поли подсчеты, и плагин устанавливается без перезагрузки браузера и составляет около 4 МБ (Flash и Sliverlight сейчас превышают 4 МБ).

другой вариант может быть Крутящий момент 3D, но это также очень игра на основе. Я думаю, что ваш лучший вариант-Unity 3D. Вы можете экспортировать как FBX и иметь его в интернете примерно за 5 минут.

в будущем вы можете использовать O3D из Google или WebGL, но он не готов к прайм-тайм. Единственный способный простой конвейер для получения 3d в интернете в настоящее время с приличным количеством Поли-это Unity3D. Он работает на ПК и Mac так же, как Flash и Silverlight.


новый инструмент под названием Эскиз Fab вышел несколько месяцев назад. Он полностью разработан в HTML5 и кажется очень мощным.


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


рассмотрим QuickTime VR. Это позволяет многое из того, что вы просите, и поскольку у вас есть оригинал, вы можете создать довольно точную модель.


единство:http://unity3d.com


взгляните на http://labs.autodesk.com/technologies/freewheel/

Project FreeWheel может отображать 2D и 3D модели, выполненные в Autocad, Invertor или Revit. Я думаю, он использует DWF или что-то в этом роде.

на данный момент невозможно разместить FreeWheel на собственном сервере, но вы можете загрузить DWF в Autodesk и показать свою модель в IFrame.


VRML может быть хорошим выбором. Есть хороший клиент, доступный от Параллельного Графика который я использовал довольно долго. У меня есть некоторые модели VRML на моем сайт (хотя содержание довольно тривиально!). Модели будут загружаться довольно быстро, особенно если они не такие большие. Есть несколько доступных режимов навигации, и вы можете заблокировать его, чтобы "изучить", который позволяет пользователю вращать модель (хотя на самом деле это камера, которая движется вокруг объект.)

вам нужно будет найти программу, которая может писать файлы VRML, хотя любой приличный модельер будет иметь эту опцию.


похоже, что API рисования javascript на основе тегов canvas собираются. См. эту недавно выпущенную библиотеку canvas 3d js, хотя она работает только в FF 3.5:http://www.c3dl.org/


Autodesk выходит со своим новым API просмотра:

http://through-the-interface.typepad.com/through_the_interface/webtech/


Shockwave с некоторым кодом сценария для пользователя, способного вращать модель.


вот движок 3D-рендеринга JavaScript:pre3d.

Если вы еще не проверили, Мистер Дооб есть библиотека для работы с 3D графикой и моделированием: Домашняя страница и git РЕПО для трех.js.


можно использовать A3dsViewer - обеспечивает экспорт в HTML5(три.js) или вы можете напрямую экспортировать на Google Диск и получить сгенерированный <iframe> url для вашей страницы. Экспортированные модели HTML5 содержат по умолчанию включенные функции вращения.


вы можете создать html файл вашей 3D модели С помощью этого плагина. Он будет генерировать один html-файл, и вы сможете использовать его в любом месте вашего сайта или вы можете отправить его клиенту, а также