Share
Il secondo tutorial di questa serie in tre parti è iniziato con "Game Geometry", incentrato sugli aspetti geometrici sottostanti del gioco, e ha anche iniziato a dimostrare i passaggi necessari per costruire il gioco nell'Editor ShiVa. Questa ultima sessione del tutorial continuerà dove i precedenti passi di ShiVa Editor sono stati interrotti. Mostrerà quindi come esportare il gioco su piattaforme iOS o Android.
Questo tutorial continuerà la discussione iniziata nella sezione precedente intitolata "Sviluppare il puzzle con l'Editor ShiVa". Qui, descriveremo l'importazione dei componenti dell'HUD e le modifiche finali al gioco fino ad ora. Quindi, concluderemo la sezione "Sviluppare il puzzle con l'Editor ShiVa" tramite un test unitario. Nella sezione "Strumento di authoring", mostreremo come utilizzare lo Strumento di authoring di ShiVa per convertire il Puzzle in due diverse applicazioni, una per il sistema operativo Android e una per l'iPad. Concluderemo la serie nella sezione intitolata "Conclusioni".
Ora, importeremo i componenti HUD inclusi font, pulsanti, etichette, ecc. Passa alla tua directory locale in cui hai archiviato l'archivio di download che accompagna questo articolo. Seleziona PuzzleHUD.ste e premi Importa. Quando l'importazione è completata, dovresti vedere Bell_Gothic_Std_Light e Arial_Unicode_MS in Data Explorer sotto Puzzle - Risorse - Caratteri.
Inoltre, in Data Explorer sotto Puzzle - Risorse - Trame, vedrai le trame chiamate Bell_Gothic_Std_Light e Arial_Unicode_MS.
Allo stesso tempo, dovresti vedere i componenti HUD importati tramite PuzzleHUD.ste. Per prima cosa, sotto Puzzle - Risorse - HUD, osserva che hai PuzzleHUD.
In secondo luogo, far apparire l'Editor HUD e l'Explorer Dati fianco a fianco. In Data Explorer, fai doppio clic su PuzzleHUD, che si trova in Puzzle - Risorse - HUD. Nell'editor HUD, vedrai quanto segue.
Se scorri verso il basso nell'editor HUD, dovrebbe apparire così:
Di seguito viene fornita una breve spiegazione dei componenti dell'HUD. Per maggiori dettagli, vedi la sezione "Head-Up Display" nel secondo tutorial di questa serie.
Accentsconagua
sfondo, Tempo e Toolbar sono le etichette per il colore di sfondo, il timer e la barra degli strumenti.p11 attraverso p69 sono le etichette che rappresentano i pezzi del puzzle.Ricomincia, Risolvere e StartPause sono i pulsanti con le etichette "Nuovo", "Risolvi" e "Inizio" (o "Pausa", a seconda dello stato), rispettivamente.restartAction, solveAction e startPauseAction sono le azioni innescate premendo Ricomincia, Risolvere e StartPause, rispettivamente.Dopo aver importato tutte le risorse necessarie, eseguiremo alcuni aggiustamenti. Mostra l'editor di giochi e l'esploratore dei dati side-by-side. In Data Explorer, in Puzzle - Giochi, fai doppio clic su Puzzle. Il Game Editor dovrebbe ora avere il gioco Puzzle caricato. Si noti che la sezione dell'AI principale dell'utente è vuota nella scheda Principale.
In Esplora dati, in Puzzle - Risorse - AIModels, seleziona PuzzleAI. Trascina e rilascia la sezione "Area principale utente" nell'Editor di giochi, nella scheda Principale. La sezione User AI principale ora include PuzzleAI.
Nell'Editor di gioco, fai clic sulla scheda Risorse. Sembrerà vuoto. In Data Explorer, in Puzzle - Risorse - HUD, seleziona PuzzleHUD e trascinalo nella sezione Risorse in Game Editor. Analogamente, in Data Explorer, in Puzzle - Risorse - SoundBanks, selezionare PuzzleSoundBank e trascinarlo nella sezione Risorse. La scheda Risorse dovrebbe essere simile a questa.
In Esplora dati, in Puzzle - Risorse - Trame, seleziona le trame da p11 a p69 e trascinali e rilascialo nella sezione Risorse in Game Editor. La scheda Risorse dovrebbe essere simile a questa.
Ora siamo pronti. Per testare il nostro gioco, fai clic sul pulsante Anteprima nella barra degli strumenti di ShiVa Editor. Dal menu, selezionare Display> Dimensione> iPad> 768x1024.
Inoltre, dal menu selezionare Display> Modalità di visualizzazione> Runtime.
Ora, nel menu, premere Riproduci. Dovresti vedere il gioco che inizia.
Ora puoi giocare utilizzando i clic del mouse che emulano gli eventi tattili sullo schermo.
In questa sezione, discuteremo come esportare il gioco dall'editor ShiVa per l'importazione nello strumento di authoring di ShiVa.
In Esplora dati, da Puzzle - Risorse - Gioco, seleziona Puzzle e dal menu di scelta rapida seleziona Esporta gioco.
Per il campo "Esporta nome", digita Puzzle. Scegli una cartella locale per generare il file di esportazione (ad es. C: \ exports \). Assicurati di selezionare anche "Pacchetto runtime (.stk)" e Android.
Infine, premi Export. Se si esporta un archivio per la prima volta da un progetto, potrebbero essere necessari alcuni minuti. Al termine dell'esportazione, è possibile premere OK per chiudere la finestra di dialogo.
Esportare per iOS è molto simile. In Esplora dati, da Puzzle - Risorse - Gioco, seleziona Puzzle e dal menu di scelta rapida fai clic su Esporta gioco. Per il campo "Esporta nome", digita Puzzle. Scegli una cartella locale per generare il file di esportazione (ad es. C: \ exports \). Assicurati di selezionare anche "Pacchetto di runtime (.stk)" e iOS (Nota: se intendi utilizzare la stessa cartella ed esportare i nomi dei file per le esportazioni del sistema operativo Android e iOS, assicurati che tali esportazioni non si sovrascrivano reciprocamente)..
Infine, premi Export. Quando l'esportazione è stata completata, è possibile premere OK per chiudere la finestra di dialogo.
A causa di considerazioni sullo spazio, non forniamo una revisione esplicita del codice per l'applicazione Puzzle. Tutte le funzioni e i gestori che fanno parte di PuzzleAI.ste hanno commenti dettagliati per descrivere la loro particolare funzionalità. Il lettore interessato si riferisce a questi script per ulteriori dettagli sul codice.
Abbiamo sviluppato il gioco Puzzle senza scrivere alcun codice specifico per piattaforme iOS o Android. Ora utilizzeremo lo strumento Authoring di ShiVa per convertire il Puzzle in due diverse applicazioni, una per il sistema operativo Android e una per l'iPad.
Per seguire le istruzioni di seguito avrai bisogno di ios-icon-72-72.png, ios-splash-768-1024.png, android-icon-48-48.png e android-splash-480-800.png che fanno parte dell'archivio download che accompagna questo articolo.
Apri lo strumento di creazione di ShiVa. Seleziona la scheda Android. Premi la freccia sotto "O inizia subito ...".
Viene visualizzato il passaggio 1 dello strumento di creazione. Per "Application pack", seleziona dal tuo file system il file Puzzle.stk esportato da ShiVa Editor per Android. Per "Icona", seleziona l'icona-android-48-48.png, che fa parte dell'archivio sorgente che accompagna questo articolo. Per "Startup splashscreen", seleziona android-splash-480-800.png che fa anche parte dell'archivio di origine che accompagna questo articolo. Osservare che lo strumento di creazione ShiVa visualizza un'anteprima dei file di immagine specificati nelle selezioni "Icona" e "Schermata iniziale". Premi "Step 2: Authoring" in cima allo schermo.
Viene visualizzato il passaggio 2 dello strumento di creazione. Qui creeremo un file eseguibile Android che può essere installato direttamente su un dispositivo Android. Seleziona "Tipo di autore" come "Pacchetto APK" (se vuoi che venga creato un progetto Eclipse invece di un eseguibile, seleziona invece "Progetto". L'opzione Progetto non è stata testata in questo articolo). Per "Identificatore pacchetto", inserisci com.shiva3d.test. Lascia che "Versione" e "Codice versione" siano 1.0.0 e 1, rispettivamente. Premi "Step 3: Build" in cima allo schermo.
Viene visualizzato il passaggio 3 dello strumento di creazione. Seleziona "Tipo di build" come "Sviluppo". Dal momento che vorrei installare il Puzzle sul mio dispositivo Android come parte della build, ho controllato la casella "Installa sul dispositivo connesso".
Affinché questa opzione funzioni, è necessario aver completato i passaggi in "Preparazione del dispositivo Android per l'installazione" di seguito. Se la casella di controllo "Installa sul dispositivo connesso" non è selezionata, lo Strumento di creazione creerà l'eseguibile Android per l'applicazione Puzzle in "Cartella di output", che può essere installata in un secondo momento utilizzando lo strumento ADB in Android.
Lascia "Audio backend" impostato su "Default". Seleziona "Supporto minimo OS" come "Android 2.2 (livello API: 8)". Definire una cartella di output per lo strumento di creazione per archiviare i file che genera durante il processo di creazione. Lascia che la selezione "Script di build post personalizzati" rimanga come opzione "Nessun script". Premi il pulsante Costruisci.
Ci vorrà un po 'per completare la build. Una volta completata la compilazione, nella console verrà visualizzata una conferma che indica che la compilazione è stata completata correttamente.
Se hai selezionato l'opzione "Installa su un dispositivo connesso", a questo punto l'applicazione Puzzle è stata installata sul dispositivo collegato. Indipendentemente dal fatto che l'opzione sia stata verificata o meno, è stato creato un eseguibile Android chiamato Puzzle-debug.apk nella cartella di output definita al passaggio 3.
Apri lo strumento di creazione di ShiVa. Seleziona la scheda iPad. Premi la freccia sotto "O inizia subito ...".
Viene visualizzato il passaggio 1 dello strumento di creazione. Per il pacchetto di applicazioni, selezionare dal proprio file system il file Puuzle.stk esportato da ShiVa Editor per iOS. Per Icona, seleziona ios-icon-72-72.png che fa parte dell'archivio sorgente che accompagna questo tutorial. Per la schermata iniziale di Avvio, seleziona ios-splash-768-1024.png che è anche parte dell'archivio sorgente che accompagna questo tutorial. Premere il passaggio 2: Creazione in cima allo schermo.
Viene visualizzato il passaggio 2 dello strumento di creazione. Qui creeremo un progetto Xcode che può essere utilizzato per creare e installare l'applicazione sul tuo dispositivo iPad. Seleziona Tipo di autore come Progetto. Per identificativo del pacchetto, inserisci com.shiva3d.test. Per il profilo Provision fornire il profilo di provisioning dello sviluppo da parte di Apple Provisioning Portal. Per l'identità di firma fornire il nome dello sviluppatore (o dell'organizzazione) nel portachiavi associato al certificato nel computer di sviluppo Mac OS. Lascia che la versione sia 1.0.0. Premi sul Passaggio 3: Costruisci in cima allo schermo.
Viene visualizzato il passaggio 3 dello strumento di creazione. Seleziona Sviluppo come tipo di costruzione. Fornire una cartella di output per lo strumento di creazione per creare una cartella di progetto xCode. Ad esempio, definiamo la cartella di output come / Users / cocoderkatz / Desktop / tmpiPad. Quindi, lo Strumento di creazione creerà una cartella denominata /Users/cocoderkatz/Desktop/tmpiPad/Puzzle_iPad.s3dxproj e copierà i file / le cartelle del progetto Xcode sotto quella cartella. Non cambiare altre opzioni. Premi il pulsante Costruisci.
Una volta completata la compilazione, nella console verrà visualizzato un messaggio indicante che lo strumento di creazione ha creato una cartella del progetto Xcode e ha copiato i file correlati in quella cartella. Ora puoi usare Xcode per costruire ed eseguire il gioco Puzzle in un dispositivo iPad come faresti normalmente con altri progetti Xcode.
In questo articolo, abbiamo discusso lo sviluppo di giochi multipiattaforma per tablet Android e iPad utilizzando la Suite ShiVa3D. Anche se principalmente per lo sviluppo di giochi 3D, la Suite ShiVa3D può essere utilizzata anche per creare giochi 2D. L'applicazione di esempio studiata in questo tutorial è un gioco 2D creato utilizzando gli elementi HUD (Head Up Display) di ShiVa3D.
res e res / drawable cartelle.