I modelli 3D su pagina HTML [chiuso]

https://stackoverflow.com/questions/596666

09-09-2019
|

Domanda

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

Che opzioni ho?

Cose che sto pensando di/cercando

VRML
3DXML
flash
PDF è qualcosa che funziona, ma non incorporare 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.

Soluzione

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

Altri suggerimenti

Papervison3D è una libreria 3D in flash che potrebbe essere la pena dare un'occhiata. Non ho avuto l'opportunità di giocare con esso me stesso, ma alcune delle demo guardare bene.

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

Papervision e Unity3D sono le scelte migliori per l'oleodotto e caricamento rapido. Flash è installato sulla maggior parte lavorata, ma è necessario esportare in formato COLLADA e non v'è un limite di 2000 poligoni prima che impantana.

Unity 3D ha un grande oleodotto ed è gratuito per l'indie ora. Supporta molto alta conta poli e il plugin installa senza riavviare il browser e si trova a circa 4MB (Flash e Sliverlight sono entrambi oltre 4MB ora).

Un'altra opzione potrebbe essere Torque 3D, ma che è anche molto gioco basato. Credo che la soluzione migliore è Unity 3D. È possibile esportare come FBX e lo hanno sul web in circa 5 minuti.

In futuro si potrebbe usare O3D da Google o WebGL ma non è pronto per il debutto. L'unica semplice gasdotto in grado di ottenere 3d sul web attualmente con i conteggi poli decenti è Unity3D. Funziona su PC e Mac, proprio come Flash e Silverlight.

Un nuovo strumento chiamato Sketch Fab uscito pochi mesi fa. E 'progettato interamente in HTML5 e sembra molto potente.

Si potrebbe anche guardare il tag

Si consideri QuickTime VR. Permette di gran parte di ciò che si chiede e visto che hai l'originale, è possibile creare un modello abbastanza precisa.

Unità: http://unity3d.com

Dai un'occhiata alla http://labs.autodesk.com/technologies/freewheel/

Progetto ruota libera può mostrare 2D e modelli 3D realizzati in Autocad, invertitore o Revit. Credo che utilizza DWF o qualcosa del genere.

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

VRML potrebbe essere una buona scelta. C'è un buon cliente disponibile da grafica parallelamente che ho usato per un bel po 'di tempo. Ho alcuni modelli VRML sul mio sito (anche se il contenuto è abbastanza banale!). I modelli saranno caricare abbastanza rapidamente, soprattutto se non sono così grandi. Ci sono diverse modalità di navigazione disponibili ed è possibile bloccarlo a "esaminare" che consente all'utente di ruotare il modello (anche se in realtà è la telecamera che si muove intorno all'oggetto).

Sarà necessario trovare un programma che può scrivere file VRML, anche se ogni modellista decente avrà questa opzione.

Sembra che il tag canvas a base di javascript api di disegno a prendere.Vedere questo recentemente rilasciato tela 3d libreria js, anche se funziona solo in FF 3.5: http://www.c3dl.org/

Autodesk è venuta fuori con il loro nuovo api spettatore:

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

Shockwave con qualche codice di script per l'utente poter ruotare il modello.

Ecco un motore di rendering JavaScript 3D:. pre3d

Se non avete controllato fuori, signor Doob ha una biblioteca per la grafica 3D e modellazione: homepage e git repo per Three.js .

Si potrebbe utilizzare A3dsViewer - fornisce esportazione HTML5 (Three.js) o si può fare direttamente esportare verso la Google drive e ottenere l'url <iframe> generato per la pagina di vostro. modelli HTML5 esportato contiene di default incluse funzionalità di rotazione.

È possibile creare file HTML di voi modello 3D utilizzando questo plugin. Si genererà singolo file html e sarà in grado di utilizzare in qualsiasi luogo nel tuo sito web o si può inviare a cliente così

Autorizzato sotto: CC-BY-SA insieme a attribuzione

Non affiliato a StackOverflow