Embeddare Unity Web Player in un post o una pagina di wordpress senza plugin

Embeddare inserire Unity in un post o una pagina di wordpress senza plugin
Embeddare inserire Unity in un post o una pagina di wordpress senza plugin

 

Vediamo come inserire un contenuto Unity Web Player in una pagina o post di WordPress senza utilizzare alcun plugin. Il motivo per cui evitiamo di usareun plugin è legato al fatto che in circolazione al momento i due plugins presenti e più usati UnityDog e WP_UnityObject3 creano diversi problemi legati al download di Unity Web Player quando l’utente non ne ha uno già installato.

Ovviamente questo risulta un grosso problema in presenza di utenti poco esperti, si corre il rischio che la mancanza di fluidità nell’operazione di download del player possa scoraggiare l’utente ed allontanarlo dalla pagina web.

Step1

Dobbiamo aggiungere al file functions.php del nostro tema in uso:

remove_filter( 'the_content', 'wpautop' );

inseriamo questa funzione per rimuovere la feature di inserimento automatico della tag <p> nei blocchi, in quanto andremo ad inserire direttamente il JavaScript e il codice Html direttamente nella pagina o post.
Nota: se inserite questa finzione di rimozione del tag <p> ed avete post e pagine formattate, potreste ritrovarvi con formattazioni sballate da risistemare.

Step2
Create la vostra applicazione o gioco in Unity

Step3
Uplodate il file nell’ftp

Step4
Create un post o una pagina di wordpress ed incolla nella versione codice – Testuale il codice della vostra pagina Html, eliminando tutti i tag  <!DOCTYPE blah blah> tag, <head> e <body> tags, <html> tag, e <meta> come in questo esempio di codice che potete copiare ed incollare:

Codice da embeddare

Sarà necessario prestare attenzione alla riga 54:

u.initPlugin(jQuery("#unityPlayer")[0], "../Qui_Il_Vostro_File.unity3d");

dove dovrete inserire il vostro file con il vostro percorso (nell’esempio il file è situato nella root di wordpress)

Questo post e la risoluzione al problema di embeddare Unity Web Player nelle pagine e nei post di WordPress e suoi eventuali approfondimenti, ha come link di riferimento Dan Dupuis

Web 3D realtime

unity 3d web real time

Il Web 3D Realtime permette di gesitre Ambienti 3D in cui è possibile muovere e ruotare oggetti, interagire con lo spazio circostante, tutto perfettamente integrabile all’interno di un sito web o applicazioni Mobile. Uno strumento potente, ma al tempo stesso veloce che da la possibilità di far visualizzare prodotti, ambienti interni o esterni, strutture, macchinari. Questi che vedrete sono demo realizzati per il mercato italiano ed il mercato internazionale. L’utilizzo di questa tecnologia trova infiniti campi di applicazione e utilizzo.

 

{rokbox thumb=|images/stories/demo/icon-villa.jpg|}http://www.levelzero.it/design/images/demo3d/villa.html{/rokbox}

 

Architettura Villa Esterno 
Utilizzare il tasto centrale/rotella del mouse tenendolo premuto per ruotare la vista/visuale
Ruotare il tasto centrale/rotella per zoom sulla villa.

 

{rokbox thumb=|images/stories/demo/icona-granaio.jpg|}http://www.levelzero.it/design/images/demo3d/granaio.html{/rokbox}

   

Granaio Navigabile
Utilizzare il mouse per ruotare la vista/visuale.
Utilizzare le frecce da tastiera per muoversi nell’ambiente.

 

{rokbox thumb=|images/stories/demo/icona-bagno.jpg|}http://www.levelzero.it/design/images/demo3d/bagno.html{/rokbox}

 

Stanza da Bagno
Utilizzare il mouse per ruotare la vista/visuale.
Utilizzare le frecce da tastiera per muoversi nell’ambiente.
Utilizzare i tasti 1 e 2 per cambiare le Piastrelle all’interno della stanz

 

{rokbox thumb=|images/moto.jpg|}http://www.levelzero.it/design/images/demo3d/x.html{/rokbox}

 

Demo Motorola
Utilizzare il mouse per ruotare la vista/visuale.

 

{rokbox thumb=|images/stories/demo/icona-pietra.jpg|}http://www.levelzero.it/design/images/demo3d/pietra.html{/rokbox}

 

Pietra
Utilizzare il mouse per ruotare la vista/visuale.

 

{rokbox thumb=|images/testa.jpg|}http://www.levelzero.it/design/images/demo3d/turnaround.html{/rokbox}

 

Primo Piano Uomo 
Utilizzare le frecce da tastiera per ruotare il soggetto vista/visuale.

 

{rokbox thumb=|images/testa2.jpg|}http://www.levelzero.it/design/images/demo3d/taxi.html{/rokbox}

 

Primo Piano Uomo 
Utilizzare le frecce da tastiera per ruotare il soggetto vista/visuale.

 

{rokbox thumb=|images/stories/demo/icon-villa.jpg|}http://www.levelzero.it/design/images/demo3d/navona.html{/rokbox}

 

Piazza Navona Demo
Utilizzare le frecce e il mouse per muoversi nell’ambiente.
Utilizzare i tasti 1 2 3 4 per cambiare vista/visuale.
Utilizzare le frecce da tastiera per ruotare il soggetto vista/visuale.
Attendere circa 2. min per il caricamento dell’applicazione, successivamente inserire la password navona27539 e poi cliccare sul tasto GO

 

{rokbox thumb=|images/rain.jpg|}http://www.levelzero.it/design/images/demo3d/run.html{/rokbox}

 

Primo Piano Uomo con Pioggia
Utilizzare le frecce da tastiera per ruotare il soggetto vista/visuale.