modelos 3D en la página HTML [cerradas]

StackOverflow https://stackoverflow.com/questions/596666

  •  09-09-2019
  •  | 
  •  

Pregunta

Tengo modelo CAD en 3D que quiero mostrar en una página web. Me gustaría verla en una forma como una etiqueta <img> (por ejemplo, en línea con todo lo demás en lugar de como una página separada) y quiero que el visitante pueda hacer girar el modelo para poder verla desde diferentes perspectivas.

¿Qué opciones tengo?

Las cosas que estoy pensando / mirando a

Editar: El modelo no es muy complejo por lo perf no es una preocupación importante.

¿Fue útil?

Solución

Los experimentos Chrome ha lanzado varias aplicaciones 3D de Javascript. He aquí un ejemplo: Colores Cubo

Otros consejos

Papervison3D es una biblioteca 3D flash que podría ser digno de una mirada. No he tenido la oportunidad de jugar con él mismo, pero algunas de las demos verse bien.

No estoy seguro de lo bien que el flash está en el soporte 3D para cosas como los formatos de archivos de aplicaciones CAD. IIRC, el flash no se puede hacer acelerado por hardware de gráficos en 3D. Por otro lado, un applet de Java puede (con la biblioteca de la derecha).

Papervision y Unity3D son las mejores opciones para la tubería y carga rápida. Flash está instalado en la mayoría mecanizada pero hay que exportar en formato Collada y hay un límite de 2.000 polígonos antes de que se atasca.

Unity 3D tiene una gran tubería y es gratuito para el indie ahora. Es compatible con un recuento muy altas poli y el plugin se instala sin un reinicio del navegador y es de alrededor de 4 MB (Flash y Sliverlight son a la vez más de 4MB ahora).

Otra opción podría ser de par en 3D, sino que también es muy basado en juego. Creo que su mejor opción es Unity 3D. Puede exportar como FBX y tenerlo en la web en unos 5 minutos.

En el futuro podría utilizar O3D de Google o WebGL pero no está listo para su lanzamiento. La única tubería sencilla capaz de conseguir 3d en la web actualmente con recuentos de poli decente es Unity3D. Funciona en PC y Mac como Flash y Silverlight.

Una nueva herramienta llamada Boceto Fab salió hace unos pocos meses. Está diseñado enteramente en HTML5 y parece muy potente.

También puede mirar la etiqueta , que está siendo implementado por más navegadores. Ya existe probablemente una biblioteca de JavaScript para la visualización del modelo.

Considere QuickTime VR. Permite que durante gran parte de lo que se pide y ya que tienes el original, se puede crear un modelo bastante preciso.

Tener un vistazo a http://labs.autodesk.com/technologies/freewheel/

Proyecto FreeWheel puede mostrar modelos 2D y 3D hecha En AutoCAD, Revit o Inversor. Creo que utiliza DWF o algo así.

En este momento no es posible alojar FreeWheel en su propio servidor, pero se puede cargar un archivo DWF a Autodesk y mostrar su modelo en un marco flotante.

VRML podría ser una buena opción. Hay un buen cliente disponible en Parallel Graphics que he utilizado durante bastante tiempo ahora. Tengo algunos modelos VRML en mi página web (aunque el contenido es bastante trivial!). Los modelos se carga con bastante rapidez, especialmente si no son tan grandes. Hay varios modos de navegación disponibles y puede bloquearlo para "examinar", que permite al usuario girar el modelo (aunque de hecho es la cámara que se mueve alrededor del objeto).

Usted tendrá que encontrar un programa que puede escribir archivos VRML, aunque cualquier modelista decente tendrá esa opción.

Parece etiqueta canvas basan dibujo API de JavaScript están recogiendo. Ver esta biblioteca recientemente publicado lienzo 3d js, a pesar de que sólo funciona en FF 3.5: http://www.c3dl.org /

Autodesk está saliendo con su nueva API espectador:

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

Shockwave con algo de código de secuencias de comandos para que el usuario sea capaz de rotar el modelo.

Aquí hay un motor de renderizado 3D JavaScript:. pre3d

Si usted no ha comprobado hacia fuera, el Sr. Doob tiene una biblioteca de gráficos 3D y modelado: página de inicio y git repo para three.js .

Se puede usar A3dsViewer - proporciona a la exportación HTML5 (three.js) o se puede hacer directamente exportar a la unidad de Google y obtener la url <iframe> generado para la página de la suya. HTML5 modelos exportados contiene por defecto incluye la funcionalidad de rotación.

Puede crear html archivo de modelo 3D que usando estos plugins. Se generará un solo archivo html y se le capaz de utilizarlo en cualquier lugar en su sitio web o puede enviarlo al cliente, así

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top