Как отображать интерактивные модели 3D-объектов на веб-странице: 4 шага

Оглавление:

Как отображать интерактивные модели 3D-объектов на веб-странице: 4 шага
Как отображать интерактивные модели 3D-объектов на веб-странице: 4 шага

Видео: Как отображать интерактивные модели 3D-объектов на веб-странице: 4 шага

Видео: Как отображать интерактивные модели 3D-объектов на веб-странице: 4 шага
Видео: 🕵 Как отправить анонимную почту. Реально простой способ 2024, Май
Anonim

Предположим, вы создали 3D-модель в AutoCAD или другом создателе 3D-моделей и хотите отобразить ее на своей веб-странице, не теряя и не ставя под угрозу ее 3D-интерактивность. В этой статье вы найдете несколько вариантов, как это сделать.

Шаги

Метод 1 из 2: Использование Javascript Framework jsc3d

4722865 1
4722865 1

Шаг 1. Обратите внимание, что jsc3d - это платформа javascript, которая предоставляет средство просмотра трехмерных объектов для веб-страниц

Он полностью написан на javascript и требует холста HTML для выполнения рендеринга и взаимодействия. Он обеспечивает орфографический вид.

4722865 2
4722865 2

Шаг 2. Загрузите zip-файл jsc3d из Google

Ссылка:

4722865 3
4722865 3

Шаг 3. Используйте код, показанный на рисунке

При необходимости укажите путь к файлу вместо выделенного темно-красным текста. Убедитесь, что ваш файл имеет формат.obj, или преобразуйте его иным способом в.obj.

4722865 4
4722865 4

Шаг 4. Убедитесь, что вы соответствуете требованиям:

  • Браузер с поддержкой Javascript
  • Поддержка HTML 5
  • Поддержка холста.

Метод 2 из 2: Использование третьих лиц

4722865 5
4722865 5

Шаг 1. Выберите услугу

Существуют различные веб-сайты, на которых можно просматривать 3D-объекты.

4722865 6
4722865 6

Шаг 2. Используйте ссылку, которую они вам дают

С помощью большинства этих сервисов вы можете отправить свой 3D-файл и получить ссылку, которую можно встроить на свою веб-страницу.

  • Например, на сайте sketchfab.com вы получите такую ссылку:

    Wikihow3d к lal.abhishek на Sketchfab

Рекомендуемые: