Share
Al doilea tutorial din această serie cu trei părți a început cu "Game Geometry", care a fost axat pe aspectele geometrice ale jocului și a început să demonstreze pașii necesari pentru a construi jocul în Editorul ShiVa. Această tranșă finală tutorial va continua acolo unde pașii anteriori ai Editorului ShiVa au rămas. Acesta va demonstra apoi modul de exportare a jocului pe platformele iOS sau Android.
Acest tutorial va continua discuția începută în secțiunea precedentă intitulată "Dezvoltarea unui puzzle cu editorul ShiVa". Aici vom descrie importul componentelor HUD și ajustarea finală a progresului jocului până acum. Apoi, vom încheia secțiunea "Dezvoltarea puzzle-ului cu editorul ShiVa", printr-un test de unitate. În secțiunea "Instrumentul de creație" vom arăta cum să folosim ShiVa Authoring Tool pentru a converti puzzle-ul în două aplicații diferite, una pentru sistemul de operare Android și una pentru iPad. Vom încheia seria în secțiunea intitulată "Concluzii".
Acum, vom importa componentele HUD, inclusiv fonturi, butoane, etichete etc. Mergeți la directorul local unde ați stocat arhiva de descărcare care însoțește acest articol. Selectați PuzzleHUD.ste și apăsați Import. Când importul este finalizat, ar trebui să vedeți Bell_Gothic_Std_Light și Arial_Unicode_MS în Data Explorer sub Puzzle - Resources - Fonts.
De asemenea, în Data Explorer sub Puzzle - Resources - Textures, veți vedea texturile numite Bell_Gothic_Std_Light și Arial_Unicode_MS.
În același timp, ar trebui să vedeți componentele HUD importate prin PuzzleHUD.ste. Mai întâi, sub Puzzle - Resources - HUD, observați că aveți PuzzleHUD.
În al doilea rând, aduceți editorul HUD și cel de date Explorer unul lângă altul. În Data Explorer, faceți dublu clic pe PuzzleHUD, care se află sub Puzzle - Resources - HUD. În Editorul HUD, veți vedea următoarele.
Dacă derulați în jos în Editorul HUD, ar trebui să arate astfel:
O scurtă explicație a componentelor HUD este dată mai jos. Pentru mai multe detalii, consultați secțiunea "Afișajul capului" din al doilea tutorial din această serie.
Accentsconagua
fundal, Timp și Bara de instrumente sunt etichetele pentru culoarea de fundal, cronometrul și bara de instrumente.P11 prin P69 sunt etichetele care reprezintă piesele de puzzle.Repornire, Rezolva și StartPause sunt butoanele cu etichetele "New", "Solve" și "Start" (sau "Pauză", în funcție de stare).restartAction, solveAction și startPauseAction sunt acțiunile declanșate la presare Repornire, Rezolva și StartPause, respectiv.După ce am importat toate resursele necesare, vom efectua acum câteva ajustări. Aduceți Editorul de jocuri și cel de date Explorer unul lângă altul. În Data Explorer, sub Puzzle - Jocuri, faceți dublu clic pe Puzzle. Editorul de jocuri ar trebui să aibă acum jocul Puzzle încărcat. Observați că secțiunea AI principală a utilizatorului este goală în fila Principal.
În Data Explorer, sub Puzzle - Resources - AIModels, selectați PuzzleAI. Trageți-o și plasați-o în secțiunea "Utilizatori principali AI" din Editorul de jocuri, sub fila Main. Secțiunea AI Utilizator principal are acum lista PuzzleAI.
În Editorul de jocuri, faceți clic pe fila Resurse. Va arata goala. În Data Explorer, sub Puzzle - Resurse - HUD, selectați PuzzleHUD și trageți-o și plasați-o în secțiunea Resurse din Editorul de jocuri. În mod similar, în Data Explorer, sub Puzzle - Resources - SoundBanks, selectați PuzzleSoundBank și trageți-o și plasați-o în secțiunea Resurse. Fișierul Resurse ar trebui să arate astfel.
În Data Explorer, sub Puzzle - Resources - Textures, selectați texturile p11 până la p69 și trageți-le și plasați-le în secțiunea Resurse din Editorul de jocuri. Fișierul Resurse ar trebui să arate astfel.
Acum suntem pregătiți. Pentru a testa jocul nostru, faceți clic pe butonul Preview din bara de instrumente Editor ShiVa. Din meniu, selectați Afișați> Dimensiune> iPad> 768x1024.
De asemenea, din meniu selectați Afișare> Mod vizualizare> Durată de execuție.
Acum, în meniu, apăsați Redare. Ar trebui să vedeți începutul jocului.
Acum, puteți să jucați jocul utilizând clicuri de mouse care emite evenimente touch pe ecran.
În această secțiune, vom discuta despre modul de exportare a jocului din ShiVa Editor pentru importul în ShiVa Authoring Tool.
În Data Explorer, din Puzzle - Resources - Game, selectați Puzzle și din meniul cu click dreapta selectați Export Game.
Pentru câmpul "Nume export", tastați Puzzle. Alegeți un dosar local pentru a genera fișierul de export (de ex. C: \ exports \). Asigurați-vă că selectați, de asemenea, "Runtime Package (.stk)" și Android.
În cele din urmă, apăsați Export. Dacă exportați o arhivă pentru prima dată dintr-un proiect, poate dura câteva minute până la finalizare. După finalizarea exportului, puteți apăsa pe OK pentru a închide fereastra de dialog.
Exportul pentru iOS este foarte asemănător. În Data Explorer, din Puzzle - Resources - Game, selectați Puzzle și din meniul cu butonul din dreapta, selectați Exportă joc. Pentru câmpul "Nume export", tastați Puzzle. Alegeți un dosar local pentru a genera fișierul de export (de ex. C: \ exports \). Asigurați-vă că selectați, de asemenea, "Runtime Package (.stk)" și iOS (Notă: dacă intenționați să utilizați același folder și să exportați nume de fișiere pentru exporturile de OS și iOS, asigurați-vă că aceste exporturi nu se suprascriu unul pe celălalt..
În cele din urmă, apăsați Export. Când exportul a fost finalizat, puteți apăsa pe OK pentru a închide fereastra de dialog.
Din cauza considerentelor legate de spațiu, nu oferim o examinare explicită a codului pentru aplicația Puzzle. Toate funcțiile și comenzile care vin ca parte a PuzzleAI. Aveți comentarii detaliate pentru a descrie funcționalitatea lor particulară. Cititorul interesat se referă la aceste scripturi pentru detalii suplimentare despre cod.
Am dezvoltat jocul Puzzle fără să scriem coduri specifice platformelor iOS sau Android. Acum vom folosi instrumentul ShiVa Authoring pentru a transforma Puzzle-ul în două aplicații diferite, una pentru sistemul de operare Android și una pentru iPad.
Pentru a urma instrucțiunile de mai jos, veți avea nevoie de ios-icon-72-72.png, ios-splash-768-1024.png, android-icon-48-48.png și Android-splash-480-800.png fac parte din arhiva de descărcare care însoțește acest articol.
Aduceți ShiVa Authoring Tool. Selectați fila Android. Apăsați pe săgeata de sub "Sau începeți acum ...".
Apare Pasul 1 al Instrumentului de creație. Pentru "pachetul de aplicații", selectați din sistemul de fișiere fișierul Puzzle.stk exportat din Editorul ShiVa pentru Android. Pentru "Icon", selectați android-icon-48-48.png, care face parte din arhiva sursă care însoțește acest articol. Pentru "Startup splashscreen", selectați android-splash-480-800.png, care este, de asemenea, parte din arhiva sursă care însoțește acest articol. Observați că instrumentul ShiVa Authoring Tool afișează o previzualizare a fișierelor imagine specificate în selecțiile "Icon" și "Startup splashscreen". Apăsați "Pasul 2: Creați" deasupra ecranului.
Este afișat pasul 2 al Instrumentului de creație. Aici vom crea un fișier executabil Android ce poate fi instalat direct într-un dispozitiv Android. Selectați "Tip de autor" ca "Pachet APK" (dacă doriți ca un proiect Eclipse să fie creat în loc de un executabil, selectați "Project" în locul acestuia. Pentru "Identificatorul pachetului", introduceți com.shiva3d.test. Fie ca "versiunea" și "codul versiunii" să fie 1.0.0 și, respectiv, 1. Apăsați pe "Pasul 3: Construiți" deasupra ecranului.
Este afișat pasul 3 al Instrumentului de creație. Selectați "Construiți tipul" ca "Dezvoltare". Deoarece aș vrea să instalez Puzzle-ul în dispozitivul meu Android, ca parte a construirii, am bifat caseta de selectare "Instalare pe dispozitiv conectat".
Pentru ca această opțiune să funcționeze, trebuie să fi finalizat pașii de mai jos în "Pregătiți dispozitivul Android pentru instalare". Dacă nu este bifată caseta de validare "Instalare pe dispozitiv conectat", Instrumentul de creație va crea executabilul Android pentru aplicația Puzzle din "Dosarul de ieșire", care poate fi instalat ulterior utilizând instrumentul ADB în Android.
Lăsați "Backend audio" setat la "Implicit". Selectați "Suport minim pentru sistemul de operare" ca "Android 2.2 (nivel API: 8)". Definiți un dosar de ieșire pentru Instrumentul de creație pentru a stoca fișierele pe care le generează în timpul procesului de construire. Lăsați selecția "Custom script build build" să rămână opțiunea "Nici un script". Apăsați butonul Build.
Va dura ceva timp pentru a finaliza construcția. Odată ce construirea este finalizată, veți vedea o confirmare în consola care va spune că construirea a fost terminată cu succes.
Dacă ați selectat opțiunea "Instalare pe un dispozitiv conectat", în acest moment aplicația Puzzle a fost instalată pe dispozitivul conectat. Indiferent dacă această opțiune a fost verificată sau nu, a fost creat un executabil Android numit Puzzle-debug.apk în directorul de ieșire pe care l-ați definit în Pasul 3.
Aduceți ShiVa Authoring Tool. Selectați fila iPad. Apăsați pe săgeată la "Sau începeți acum ...".
Apare Pasul 1 al Instrumentului de creație. Pentru pachetul de aplicații, selectați din sistemul de fișiere fișierul Puuzle.stk exportat din ShiVa Editor pentru iOS. Pentru Icon, selectați ios-icon-72-72.png care face parte din arhiva sursă care însoțește acest tutorial. Pentru ecranul de pornire Startup, selectați ios-splash-768-1024.png, care este, de asemenea, parte din arhiva sursă care însoțește acest tutorial. Apăsați Pasul 2: Creați în partea de sus a ecranului.
Este afișat pasul 2 al Instrumentului de creație. Aici vom crea un proiect Xcode care poate fi folosit pentru construirea și instalarea aplicației pe dispozitivul dvs. iPad. Selectați tipul de autor ca proiect. Pentru identificatorul pachetului, introduceți com.shiva3d.test. Pentru profilul Provizor furnizați profilul de provizioane de dezvoltare de la Apple Provisioning Portal. Pentru semnarea identității furnizați numele dezvoltatorului (sau organizației) în lanțul de chei asociat cu certificatul din mașina dvs. de dezvoltare Mac OS. Lăsați versiunea să fie 1.0.0. Apăsați pe Pasul 3: Construiți pe ecran.
Este afișat pasul 3 al Instrumentului de creație. Selectați Dezvoltare ca tip construit. Furnizați un dosar de ieșire pentru Instrumentul de creație pentru a crea un folder de proiect xCode. De exemplu, definim directorul de ieșire pentru a fi / Users / cocoderkatz / Desktop / tmpiPad. Apoi, Instrumentul de creație va crea un folder numit /Users/cocoderkatz/Desktop/tmpiPad/Puzzle_iPad.s3dxproj și va copia fișierele / folderele proiectului Xcode sub acel dosar. Nu modificați alte opțiuni. Apăsați butonul Build.
Odată ce construirea este finalizată, veți vedea un mesaj în consola pe care instrumentul de creație a creat un folder de proiect Xcode și a copiat fișierele aferente din dosarul respectiv. Acum, puteți utiliza Xcode pentru a construi și a rula jocul Puzzle într-un dispozitiv iPad așa cum ați face în mod normal cu alte proiecte Xcode.
În acest articol, am discutat dezvoltarea jocurilor multi-platformă pentru tablete Android și iPad utilizând ShiVa3D Suite. Deși în principal pentru dezvoltarea jocurilor 3D, ShiVa3D Suite poate fi folosit și pentru crearea de jocuri 2D. Aplicația de probă studiată în acest tutorial este un joc 2D care este construit folosind elemente HUD (Head Up Display) ale ShiVa3D.
res și res / drawable dosare.