Visualizzatore Universale

Il Visualizzatore Universale è lo strumento per distribuire i tuoi modelli su ogni tipo di device, sia esso un computer desktop o uno smartphone. Con un semplice link o pezzetto di codice HTML potrai coprire i browser sia desktop che mobili, sia la visualizzazione nativa in Realtà Aumentata di Apple iOS e Android senza bisogno di app.

Nell'immagine di seguito riportata si vedono i media che puoi coprire utilizzando il Visualizzatore Universale e il QR-code di supporto. Esempi di utilizzo sono:

  • mostrare un modello 3D all'interno del tuo sito o e-commerce
  • inviare un modello 3D via e-mail o un messaggio digitale di qualsiasi tipo (è un semplice link web)
  • integrare il visualizzatore 3D tramite link e QR-code all'interno di un PDF
  • stampare il QR-code su un catalogo, brochure o display ADV
  • integrare il tuo chatbot o assistente vocale con funzionalità di visualizzazione 3D
Flussi principali di visualizzazione integrata tra media diversi ottenibili grazie a My AR Studio.

Il Visualizzatore Universale prevede 3 impieghi principali:

  • link diretto
  • integrato in una pagina web
  • utilizzando il QR-code

Per ottenere il link diretto, entra nella pagina Configurazioni del prodotto desiderato, seleziona una configurazione nel pannello in alto a destra e consulta la sezione Exports in basso a destra dove trovi tutti gli esecutivi.

Clicca sull'icona della prima riga 1: si aprirà un popup con il link diretto al Visualizzatore Universale 2. Clicca su Copy to clipboard 3 per copiare il link. Il link è ora nella memoria temporanea del tuo computer (clipboard) e potrai incollarlo dove vuoi.

Ottenere il link diretto al Visualizzatore Universale

Codice di integrazione (code snippet)

Per ottenere il codice di integrazione la procedura è quasi identica: clicca sull'icona della prima riga.

Ottenere il codice di integrazione del Visualizzatore Univerale

Il codice di integrazione qui riportato è stato copia-incollato con il metodo appena descritto. Come vedi, si tratta semplicemente, di inserire un iframe all'interno della tua pagina web.

1<iframe style="width:100%; height:100%;" src="https://viewer.myarstudio.cloud/viewer_master/index.html?p=86d6b5d1-ed63-5a2d-8018-f214d5c3fc41&c=85af7464-2fe9-5eda-9368-816c131bd574&b=f2f01834-6984-4e4d-bd20-8e7586523cf0"></iframe>
Trovi i parametri per modificare il comportamento di Hotspot e dimensioni del Visualizzatore Universale nel tab Export dell'editor.

Si veda anche questo video tutorial:

QR code

Nel pannello della configurazione di un prodotto è disponibile il QR-code in alta definizione che può essere stampato su brochure, cataloghi, display ADV e simili per andare ad aumentare i supporti fisici 1. Tutti gli smartphone moderni dispongono di un lettore QR integrato nella fotocamera nativa: con un semplice gesto quindi è possibile inquadrare il QR-code ed accedere alla versione in Realtà Aumentata dei vostri prodotti.

Uso del QR code su carta stampata

Da desktop a smartphone

Il Visualizzatore Universale ha un meccanismo integrato per passare velocemente da navigazione desktop a smartphone a Realtà Aumentata. Il pulsante azione che trovi in basso a destra si comporta diversamente se stai navigando da desktop o da smartphone. Nel caso di navigazione desktop esso apre un popup con un QR-code 1. Apri la fotocamera dello smartphone e inquadra il monitor del computer 2. Sia i dispositivi iOS che Android, ormai supportano la scansione di QR-code e aprono un popup chiedendo se vuoi aprire il link nel browser (non serve un app per scansionare i QR-code) 3. Clicca sul popup e goditi la visione del modello 3D sul tuo smartphone. Se ora fai un tap sul pulsante azione 4, vedrai il modello in Realtà Aumentata e potrai posizionarlo nella tua stanza 5.

Navigazione mista da desktop a smartphone a Realtà Aumentata

Se, invece, stai già navigando il tuo sito web da uno smartphone, con un singolo tocco sul pulsante azione 4 puoi già visualizzare il modello in Realtà Aumentata 5.

Visualizzatore Universale su smartphone Realtà Aumentata nativa su smartphone

Vedere per credere!

Codice di integrazione:

1<div style="height: 512px;">
2  <iframe style="width:100%; height:100%;" src="https://viewer.myarstudio.cloud/viewer_master/index.html?p=7bd87dfc-e0c4-5bb5-99e4-62d0f41bef57&c=89c6cfa4-a02b-56ed-9666-a6b49efe156c&b=f2f01834-6984-4e4d-bd20-8e7586523cf0"></iframe>
3</div>

Risultato: