Construirea unui Hangman App iPad cu Flash - Noțiuni de bază

Acest tutorial vă va învăța cum să dezvoltați o aplicație simplă pentru iPad utilizând Flash CS 5.5. În această serie din două părți, vom construi un simplu joc de tip hangman. După finalizarea acestei serii, trebuie să vă simțiți suficient de confortabil pentru a începe să dezvoltați propriile aplicații iOS cu Flash.


Pasul 1: Generarea unui CSR

Înainte de a începe să construim aplicația noastră, să facem un pas înapoi și să facem setările mediului de dezvoltare. Dacă sunteți dezvoltator Flash nou pentru dezvoltarea iOS, atunci probabil că nu aveți nici o idee cum să testați aplicațiile Flash pe un dispozitiv iOS. Din păcate, nu este la fel de simplu ca doar să dai clic pe "Executare". Mai întâi va trebui să creați ceea ce se numește CSR sau Solicitare de semnare a certificatului. Va trebui să încărcați acest certificat de responsabilitate socială (CSR) la portalul de asigurare Apple, ceea ce înseamnă că va trebui să creați un cont de dezvoltator iOS pe site-ul oficial de dezvoltare iOS. Nu vom acoperi toți pașii de creare a unui cont cu programul de dezvoltatori iOS aici, dar instrucțiunile de pe site-ul Apple sunt ușor de urmărit. Dacă nu sunteți deja membru al programului de dezvoltare iOS, înregistrați-vă acum.

După ce v-ați înregistrat la Apple ca dezvoltator de iOS, sunteți gata să continuați să configurați un CSR. În interiorul dosarului de aplicații de pe un Mac, veți găsi un folder numit utilități, iar în acest dosar există o aplicație numită "Acces Keychain". Deschideți Access Keychain pentru a începe procesul de generare a certificatului.

NOTĂ: Din nefericire, va trebui să rulați cea mai recentă versiune de OS X pentru a construi, a testa și a implementa aplicații iOS, chiar dacă le construiți cu Flash!

Cu programul Keychain Access deschis, alegeți următoarele opțiuni de meniu: Access KeyChain> Asistent certificat> Solicitați un certificat de la o autoritate de certificare.

Va trebui să introduceți adresa de e-mail pe care ați folosit-o pentru înregistrarea mărului și apoi să introduceți același nume. După ce ați completat aceste instrucțiuni, asigurați-vă că ați selectat "Saved To Disk" și apăsați continuați. Va trebui să alegeți unde să salvați solicitarea. Am ales să o salvez pe desktop.

Acum îl putem încărca pe portalul de provizioane. Conectați-vă la centrul de dezvoltatori de la developer.apple.com și în partea stângă a paginii ar trebui să vedeți un link către portalul Provisioning, faceți clic pe acel link.

În cadrul portalului Provisioning, faceți clic pe "Certificate" și apoi pe butonul "Solicitare certificat".

În partea de jos a acestei pagini, parcurgeți unde ați salvat CSR din pasul anterior, apoi faceți clic pe "Trimiteți".

Veți fi returnați la pagina anterioară. Se va spune "Emiterea în așteptare" sub "Statut". Așteptați câteva secunde și actualizați pagina și certificatul dvs. trebuie să fie disponibil pentru descărcare. Nu o descărcați încă, încă mai avem câțiva pași.


Pasul 2: Înregistrarea unui dispozitiv

Conectați-vă dispozitivul și deschideți iTunes. Asigurați-vă că dispozitivul este selectat și veți vedea anumite informații despre el. Faceți clic pe numărul de serie și se va schimba în ID-ul dispozitivului.

Accesați Editare> Copiere. Aceasta va copia dispozitivul UDID în clipboard.

Înapoi în portalul Provisioning, dați clic pe elementul de meniu "Dispozitive" și apoi alegeți "Adăugați dispozitive"

Introduceți un nume pentru dispozitivul dvs. și "Device ID" pe care l-ați copiat în pasul de mai sus, apoi faceți clic pe Trimiteți. Dispozitivul dvs. este acum gata.


Pasul 3: Generarea unui ID de aplicație

În continuare, în Portalul de furnizare, dați clic pe elementul de meniu "ID-uri de aplicații", apoi alegeți "ID-ul de aplicație nou".

Introduceți un nume pe care doriți să îl referiți la această aplicație. Am ales "MobileTuts Hangman". Apoi alegeți un ID de semințe Bundle, alegerea "Identificarea echipei de utilizare" este cea mai obișnuită.

În cele din urmă, alegeți identificatorul dvs. de pachete, am ales "com.mobiletuts.hangman".

Când ați terminat de introdus informațiile, dați clic pe "Trimiteți".

Dacă totul merge bine, ar trebui să vedeți ca aplicația dvs. să fie activată.


Pasul 4: Obținerea unui profil de asigurare a dezvoltării

Alegeți elementul de meniu "Provisioning", apoi asigurați-vă că sunteți sub "Dezvoltare", alegeți "Profil nou".

În ecranul următor, asigurându-vă că sunteți sub "Dezvoltare", introduceți un "nume de profil" (am ales "MobileTutsHangman"), bifați certificatul, alegeți ID-ul de aplicație creat în pasul de mai sus, alegeți dispozitivul la care intenționați test on, apoi faceți clic pe Submit.

Veți fi returnați la pagina anterioară. Starea va spune în așteptare, așteptați câteva secunde și reîmprospătați pagina și profilul dvs. ar trebui să fie gata pentru descărcare. Continuați și descărcați-o acum.

Apoi, reveniți la linkul "Certificate" și ar trebui să vedeți "MobileTutsHangman" enumerate în "Profilurile de asigurare" ale certificatului dvs..

Continuați și descărcați acum certificatul dvs. și, în timp ce încă există, descărcați și "Certificatul intermediar".


Pasul 5: Adăugarea certificatului la Access KeyChain și crearea unui .P12

Dacă nu aveți acces la chei, deschideți-l acum. Apoi dați dublu clic pe certificatul pe care l-ați descărcat de mai sus, adăugați-l la accesul la cheie și faceți dublu clic pe "certificatul intermediar de tip WWDR".

În cadrul accesului la chei, alegeți certificatele și apoi "răsuciți" certificatul pe care tocmai l-ați adăugat, dați clic dreapta pe cheia privată și alegeți "Export".

Mi-am salvat un dosar numit "MOBILETUTS HANGMAN". Asigurați-vă că tipul este setat la "Exhangere informații personale (.p12)" și faceți clic pe "Salvați".

Vi se va cere o parolă pentru .P12, asigurați-vă că vă amintiți această parolă, vom avea nevoie de ea atunci când vom importa .P12 pentru a bloca. De asemenea, va trebui să introduceți parola pentru aparatul dvs. după ce ați introdus această parolă.


Pasul 6: Creați un nou proiect Flash

Acum că am stabilit totul, suntem gata să începem proiectul Flash.

Accesați File> New și alegeți "Air For iOS".

Asigurați-vă că sunt setate următoarele proprietăți, apoi apăsați "OK".

  • Lățime: 768
  • Înălțime: 1024
  • Frame Rate: 24
  • Culoare fundal: alb

Salvați acest document ca Hangman.fla.

Pasul 7: Crearea Main.as

Accesați fișierul> nou și alegeți "File Actionscript".

Salvați această opțiune ca "Main.as", apoi introduceți următorul cod:

 pachet import flash.display.MovieClip; clasa publică Main extinde MovieClip funcția publică Main () trace ("Working"); 

Setați clasa de documente la "Main" și testați filmul. Ar trebui să vedeți filmul deschis în ADL și să vedeți "Lucrul" urmărit în fereastra de ieșire.


Pasul 8: Adăugarea unui text pentru proiect

Alegeți "Text Tool" și asigurați-vă că următoarele setări sunt setate în panoul "CHARACTER".

  • Dimensiune: 45pt
  • Culoare: # 0000ff "

Acum trageți un câmp text pe scenă și introduceți în textul următor: "MOBILETUTS + HANGMAN".

Apoi, alegeți panoul "FILTERS" și faceți clic pe butonul de filtru nou și alegeți "DROP SHADOW".

Setați următoarele proprietăți în Umbra de Drop.

  • Blur X: 5px
  • Blur Y: 5px
  • Putere: 50%
  • Calitate: scăzută
  • Unghi: 45
  • Distanța: 5px

În cele din urmă, setați următoarele proprietăți pe TextField:

  • X: 76,00
  • Y: 26.00
  • W: 561,00
  • H: 56,00

În cele din urmă, asigurați-vă că câmpul text este setat la "Text clasic" și "Text static".


Pasul 9: Setarea preferințelor iOS și construirea aplicației

Faceți clic pe Stadiul principal. Sub "PUBLISH", selectați opțiunea Air For iOS.

Sub "Fila Generală", completați "Fișierul de ieșire", "Numele aplicației" și "Versiunea". Am ales "MobileTutsHangman.ipa", "MobileTuts Hangman" și "1.0" pentru versiune. Apoi, selectați "Portrait" pentru Aspect Ratio, bifați ecranul Full, alegeți "Auto" pentru redare, "iPad" pentru dispozitiv și "Standard" pentru rezoluție.

Treceți la fila "Deployment". Căutați fișierul .P12 pe care l-ați creat în pașii de mai sus, introduceți parola pe care ați făcut-o și bifați "Amintiți-vă parola pentru această sesiune". Apoi, căutați profilul de furnizare pe care l-ați descărcat și adăugați-l.

Bifați opțiunea "Publicarea rapidă pentru testarea dispozitivului" și, în final, dați clic pe "Publicați". Poate dura câteva minute pentru a construi aplicația.


Pasul 10: Încărcarea profilului "Provisioning Profile to iTunes"

Pentru a putea testa dispozitivul, trebuie mai întâi să puneți profilul Provisioning pe acesta.

Accesați dosarul în care ați salvat Profilul de furnizare și trageți-l în "Biblioteca" iTunes. Apoi, selectați dispozitivul în secțiunea "Dispozitive" și faceți clic pe sincronizare.

Dacă accesați "Setări" pe IPad și selectați "General", ar trebui să vedeți un meniu "Profiluri". Faceți clic pe acesta și ar trebui să vedeți că profilul dvs. a fost instalat.


Pasul 11: Instalarea aplicației pe iPad

Acum, că am compilat aplicația și am instalat profilul Provisioning, îl putem încărca pe iPad și îl putem testa pentru a ne asigura că totul a trecut așa cum sa planificat până acum.

Glisați fișierul .ipa creat atunci când ați publicat aplicația în secțiunea "LIBRARE" pentru iPad-ul dvs. în iTunes, apoi alegeți "Sync".

Dacă totul merge bine, ar trebui să puteți să porniți aplicația și să vedeți textul pe care l-am adăugat în aplicație.


Pasul 12: Crearea imaginii implicite

Acum avem aplicația pe iPad-ul nostru, dar este gol când pornește. În acest pas vom face graficul implicit care se va afișa în timp ce aplicația se încarcă.

Am inclus un fișier numit Default-Portrait.png în fișierele de exerciții. Va trebui să vă asigurați că acest lucru se află în același director ca fișierul .fla, și nu în niciun subdirector sau că nu va funcționa. Această imagine trebuie să fie 768 * 1004 conform instrucțiunilor de pe site-ul Adobe.

Înapoi în Flash, accesați setarea "Air For iOS" așa cum ați făcut în pașii de mai sus.

În fila "General", asigurați-vă că toate setările sunt identice și faceți clic pe butonul "Adăugați" (+), navigați la "Default-Portrait.png" și apoi adăugați-l la "Fișierele incluse".


Pasul 13: Adăugarea icoanelor

Pictogramele sunt utilizate atât pentru iPad, cât și pentru App Store. Mergeți la setările "Air For iOS" și faceți clic pe fila "Icons". Trebuie să furnizați pictogramele în dimensiunile indicate în acest panou. Am inclus pictogramele din folderul "icon" al fișierelor de descărcare. Ele sunt numite pictograme (dimensiune) .png, unde dimensiunea este dimensiunea grafică. Treceți prin dimensiunile pictogramelor și răsfoiți pictogramele respective.


Pasul 14: Redeschideți aplicația

Asigurați-vă că toate setările sunt identice în filele "General" și "Deployment" și dați clic pe "Publicați". Apoi, adăugați fișierul .ipa la iTunes, asigurați-vă că
ștergeți mai întâi versiunea anterioară de pe dispozitivul iPad și apoi reînconectați fișierul ipa cu iPad-ul.

Ar trebui să vedeți acum că aplicația are o fotografie asociată cu aceasta și arată "Ecranul de pornire" atunci când porniți prima aplicație.


Concluzie

Cu toate lucrurile "grele" din cale, putem începe programarea jocului nostru de hangman. Căutați următoarea parte a acestui tutorial pentru a face exact acest lucru. Și mulțumesc pentru lectură!

Cod