Как интегрировать 3D-дизайн в веб-сайт

Question

Мне нужно создать веб-сайт, когда «администратор» может добавить 3D-дизайн (например, автомобиль) (созданный на 3D Max, или Blender или какой-либо 3D-файл дизайн программного обеспечения), и я должен показать этот «дизайн/файл» на веб-сайте, и все посетители должны будут повернуть этот автомобиль, чтобы посмотреть, как он выглядит.

Только одна проблема: я не могу использовать Flash.

Если мне нужно сделать, что веб-сайт, какие технологии следует использовать для:

• сделать дизайн (? 3D Max, Blender, и т.д.)
• Показать дизайн (Canvas, CSS3, WebGL может помочь мне? Помните: я не могу использовать Flash)

Я долгое время работаю над PHP, JavaScript (native и jQuery и bla bla), CSS и т. д., но мне никогда не нужно делать что-то вроде того.

Заранее благодарен !.

Answer 1

Модели: Вместо указания инструмента вы должны указать формат файла, например. obj, который легко читается и широко используется. Вы также можете попробовать использовать JSON, который является собственным форматом для WebGL с blender WebGL exporter. Формат отличается от выбора инструмента. Проблема заключается в том, как упаковать модель, чтобы иметь оптимальный размер/подробный рацион, чтобы быстро сделать ваш сайт.

Просмотр: Для отображения ваших моделей вам нужно будет использовать все технологии, которые вы упомянули. В WebGL вам нужно создать холст, чтобы нарисовать его, и, вероятно, вам нужно будет добавить некоторые стили, чтобы CSS3 был обязательным.

Подробнее все зависит от того, что именно вам нужно показать. Для того, чтобы показать пластиковый или деревянный игрушечный автомобиль, который Вы могли бы использовать что-нибудь подобное github с моделями в STL, но чтобы сделать блестящее металлическое отражение на теле, прозрачные стекла и реальные глядя зеркало вы будете нуждаться в пользовательских shaders, normal maping и textures

---

Это ссылки будут полезны:

• Q: Is there a WEBGL Manual?
• Shader school
• WebGL workshop
• 3D theory before graphics APIs