Come visualizzare modelli interattivi di oggetti 3D su una pagina Web: 4 passaggi

Sommario:

Come visualizzare modelli interattivi di oggetti 3D su una pagina Web: 4 passaggi
Come visualizzare modelli interattivi di oggetti 3D su una pagina Web: 4 passaggi

Video: Come visualizzare modelli interattivi di oggetti 3D su una pagina Web: 4 passaggi

Video: Come visualizzare modelli interattivi di oggetti 3D su una pagina Web: 4 passaggi
Video: COME SI SCRIVE E INVIA UNA E MAIL 2024, Maggio
Anonim

Supponiamo che tu abbia progettato un modello 3D su AutoCAD o qualche altro creatore di modelli 3D e desideri visualizzarlo sulla tua pagina web senza perdere o comprometterne l'interattività 3D. Questo articolo ti fornirà alcune opzioni per farlo.

Passi

Metodo 1 di 2: utilizzo di Javascript Framework jsc3d

4722865 1
4722865 1

Passaggio 1. Nota che jsc3d è un framework javascript che fornisce un visualizzatore di oggetti 3D per le pagine web

È codificato interamente in javascript e richiede un canvas HTML per eseguire il rendering e le interazioni. Fornisce una vista ortogonale.

4722865 2
4722865 2

Passaggio 2. Scarica il file zip jsc3d da Google

Il link è:

4722865 3
4722865 3

Passaggio 3. Utilizzare il codice mostrato in figura

Scrivi il nome del percorso del file secondo necessità al posto del testo evidenziato in rosso scuro. Assicurati che il formato del tuo file sia.obj o convertilo in altro modo in.obj.

4722865 4
4722865 4

Passaggio 4. Assicurati di soddisfare i requisiti:

  • Browser abilitato per Javascript
  • Supporto HTML 5
  • Supporto tela.

Metodo 2 di 2: utilizzo di terze parti

4722865 5
4722865 5

Passaggio 1. Scegli un servizio

Esistono vari siti Web che forniscono la visualizzazione di oggetti 3D.

4722865 6
4722865 6

Passaggio 2. Usa il link che ti danno

Con la maggior parte di questi servizi, puoi inviare il tuo file 3D e ottenere un collegamento che puoi incorporare nella tua pagina web.

  • Ad esempio, con sketchfab.com otterrai un collegamento come questo:

    Wikihow3d di lal.abhishek Su Sketchfab

Consigliato: