Cómo mostrar modelos interactivos de objetos 3D en una página web: 4 pasos

Tabla de contenido:

Cómo mostrar modelos interactivos de objetos 3D en una página web: 4 pasos
Cómo mostrar modelos interactivos de objetos 3D en una página web: 4 pasos

Video: Cómo mostrar modelos interactivos de objetos 3D en una página web: 4 pasos

Video: Cómo mostrar modelos interactivos de objetos 3D en una página web: 4 pasos
Video: Una forma original de enviar emails anónimos desde cualquier dirección 2024, Mayo
Anonim

Suponga que ha diseñado un modelo 3D en AutoCAD o algún otro creador de modelos 3D y desea mostrarlo en su página web sin perder o comprometer su interactividad 3D. Este artículo le dará algunas opciones para hacerlo.

Pasos

Método 1 de 2: uso de Javascript Framework jsc3d

4722865 1
4722865 1

Paso 1. Tenga en cuenta que jsc3d es un marco de JavaScript que proporciona un visor de objetos 3D para páginas web

Está codificado completamente en javascript y requiere un lienzo HTML para realizar la representación y las interacciones. Proporciona una vista ortográfica.

4722865 2
4722865 2

Paso 2. Descargue el archivo zip jsc3d de Google

El enlace es:

4722865 3
4722865 3

Paso 3. Utilice el código que se muestra en la figura

Escriba el nombre de la ruta del archivo según sea necesario en lugar del texto resaltado en rojo oscuro. Asegúrese de que su formato de archivo sea.obj o conviértalo a.obj.

4722865 4
4722865 4

Paso 4. Asegúrese de cumplir con los requisitos:

  • Navegador con Javascript habilitado
  • Soporte HTML 5
  • Soporte de lienzo.

Método 2 de 2: uso de terceros

4722865 5
4722865 5

Paso 1. Elija un servicio

Hay varios sitios web que ofrecen visualización de objetos en 3D.

4722865 6
4722865 6

Paso 2. Usa el enlace que te dan

Con la mayoría de estos servicios, puede enviar su archivo 3D y obtener un enlace que puede incrustar en su página web.

  • Por ejemplo, con sketchfab.com obtendrá un enlace como este:

    Wikihow3d por lal.abhishek sobre Sketchfab

Recomendado: