Modelli 3D su pagina HTML

Question

Ho un modello CAD 3D che voglio mostrare su una pagina web. Mi piacerebbe mostrarlo in una forma come un tag <img> (ad esempio, in linea con tutto il resto piuttosto che come una pagina separata) e voglio che il visitatore sia in grado di ruotare il modello per vederlo da diverse prospettive.

Quali opzioni ho?

Le cose che sto pensando di/guardando

• VRML
• 3DXML
• Flash
• PDF ha qualcosa che funziona, ma non incorpora come voglio
• 3DMLW (Sembra molto lento)
• Universal 3D (supportato da Adobe Reader)

---

Edit: Il modello non è molto complesso in modo perf non è una preoccupazione importante.

Answer 1

Chrome Experiments ha rilasciato diverse applicazioni Javascript 3D. Ecco un esempio: Colors Cube

Answer 2

Non sono sicuro di quanto il flash sia valido per il supporto 3d per cose come i formati di file di app CAD. IIRC, il flash non può fare grafica 3D con accelerazione hardware. D'altra parte, un applet Java può (con la libreria corretta).

Answer 3

Si potrebbe anche guardare il tag > di tela >, che viene implementato da più browser. Probabilmente esiste già una libreria JavaScript per la visualizzazione del modello.

Answer 4

Considerare QuickTime VR. Permette molto di ciò che chiedi e dato che hai l'originale, puoi creare un modello abbastanza accurato.

Answer 5

Papervison3D è una libreria flash 3D che potrebbe valere la pena dare un'occhiata. Non ho avuto l'opportunità di giocarci da solo, ma alcune delle demo sembrano buone.

Answer 6

VRML potrebbe essere una buona scelta. C'è un buon client disponibile da Parallel Graphics che ho usato per un po 'di tempo. Ho alcuni modelli VRML sul mio website (anche se il contenuto è piuttosto banale!). I modelli verranno caricati abbastanza rapidamente, soprattutto se non sono così grandi. Sono disponibili diverse modalità di navigazione e puoi bloccarle per "esaminare" che consente all'utente di ruotare il modello (anche se in realtà è la telecamera che si muove intorno all'oggetto).

Dovrai trovare un programma in grado di scrivere file VRML, anche se qualsiasi modellatore decente avrà questa opzione.

Answer 7

Shockwave con alcuni codici di script per consentire all'utente di ruotare il modello.

Answer 8

Unità: http://unity3d.com

Answer 9

Date un'occhiata al http://labs.autodesk.com/technologies/freewheel/

ruota libera di progetto può mostrare 2D e modelli 3D realizzati in Autocad, invertitore o Revit. Penso che usi DWF o qualcosa del genere.

A questo punto non è possibile ospitare FreeWheel sul proprio server, ma è possibile caricare un DWF in Autodesk e mostrare il modello in un IFrame.

Answer 10

Papervision e Unity3D sono le scelte migliori per la pipeline e il caricamento rapido. Flash è installato sulla maggior parte dei macchinari, ma è necessario esportare come formato COLLADA e c'è un limite di 2000 polys prima che si impantanasse.

Unity 3D ha una pipeline eccezionale ed è gratuito per l'indie ora. Supporta un numero di poligoni molto elevato e l'installazione di plug-in senza riavvio del browser è di circa 4 MB (Flash e Sliverlight sono entrambi più di 4 MB ora).

Un'altra opzione potrebbe essere Torque 3D ma anche molto basata sul gioco. Penso che la tua migliore opzione sia Unity 3D. Puoi esportare come FBX e averlo sul web in circa 5 minuti.

In futuro è possibile utilizzare O3D da Google o WebGL ma non è pronto per il primo utilizzo. L'unica pipeline in grado di ottenere 3d sul Web attualmente con un numero di poligoni decente è Unity3D. Funziona su PC e Mac come Flash e Silverlight.

Answer 11

Sembra che gli apis di disegno javascript basati su tag canvas vengano visualizzati. Vedi questa libreria di js di tela recentemente rilasciata, anche se funziona solo in FF 3.5: http://www.c3dl.org/

Answer 12

Ecco un motore di rendering 3D JavaScript: pre3d.

Se non lo avete controllato, Mr. Doob ha una libreria per la grafica e la modellazione 3D: homepage e git repo for three.js.

Answer 13

Un nuovo strumento chiamato Sketch Fab è uscito qualche mese fa. È progettato interamente in HTML5 e sembra molto potente.

Answer 14

È possibile utilizzare A3dsViewer - fornisce l'esportazione in HTML5 (three.js) oppure è possibile eseguire direttamente l'esportazione in Google Drive e ottenere l'url generato per la propria pagina. I modelli HTML5 esportati contengono per impostazione predefinita funzionalità di rotazione.

Answer 15

Autodesk è venuta fuori con il loro nuovo api spettatore:

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

Answer 16

È possibile creare html file of you 3D model utilizzando questo plugin. Genererà un singolo file html e sarà in grado di usarlo in qualsiasi punto del tuo sito web o puoi inviarlo al client