Se sai come progettare una pagina Web utilizzando HTML e CSS, e avete qualche conoscenza di JavaScript, è possibile creare la propria Web app giochi per l'iPod Touch e iPhone. Le regole sono leggermente diverse per dispositivi Apple iOS a causa delle differenze nella dimensione dello schermo e il modo in cui gli utenti interagiscono con le pagine Web su un iPod Touch, diversamente dagli utenti dotati di un mouse. Molti frammenti di codice, pagine di esempio e tutorial sono disponibili nella libreria di sviluppo di Safari che è possibile utilizzare come base per il proprio gioco di Web app.

Istruzioni

Guida introduttiva

1

Ricerca la libreria di sviluppo di Apple Safari per idee su come progettare il vostro gioco. Questo sito contiene utili tutorial, demo e codice di esempio per tutti i tipi di Web App per iOS. Ad esempio, tutorial disponibili includono codice di esempio per un gioco TicTacToe e un gioco di dama, entrambi progettati in HTML5 e configurati per giocare offline.

2

Scaricare il codice di esempio dalla libreria di sviluppo di Safari o da altri tutorial creato da iOS esperti sviluppatori di applicazioni Web. Pulsante destro del mouse su ciascun file, selezionare "Apri con" e quindi aprire ogni file nel blocco note o Web software di progettazione come Dreamweaver.

3

Pulsante destro del mouse su giochi Web-based progettati in HTML5, JavaScript e CSS e selezionare "Visualizza sorgente" per vedere il codice utilizzato per creare il gioco. Si noti che gran parte del codice necessario è memorizzato su altre pagine. Ricerca di collegamenti e di script con "html", "js" e "CSS" estensioni. Tipo questi link in una nuova finestra del browser per poterli visualizzare, utilizzando la stessa directory principale come la pagina che si sta visualizzando. Per esempio, se una pagina è il "esempio.com," per visualizzare un link per "/ scripts/sample.js," digitare "example.com/scripts/sample.js" per aprire la pagina nel browser.

Creazione di contenuti

4

Utilizzare codici CSS "< div >" per specificare la dimensione e la formattazione delle pagine di contenuto e supporto gioco. Evitare l'utilizzo di set di frame che consentono lo scorrimento frame nidificati all'interno di una pagina Web.

5

Progettare pagine e immagini tenendo presente le limitazioni di memoria di iPod Touch. Ad esempio, le dimensioni per le immagini su un iPod Touch con meno di 256MB di RAM sono di 3 megapixel; il limite per un dispositivo con più RAM è di 5 megapixel.

6

Tenere Javascript esecuzioni meno di 10 secondi. Se il codice richiede più tempo per eseguire, potrebbe bloccarsi su un iPod Touch.

7

Mantenere le dimensioni della pagina totale per il vostro gioco Web-based inferiore a 30 MB, incluse immagini e altri file utilizzati dall'applicazione Web.

8

Familiarizzare con i comandi specifici per iOS per semplificare il vostro gioco per l'iPod Touch. Per esempio, uso "touch" eventi come "touchstart" e "touchend" piuttosto che del mouse comandi normalmente utilizzati nella progettazione di pagine Web. I codici di esempio Safari Developer Library vi fornirà anche la "webkit" comandi utilizzando funzionalità specifiche di iOS, quali aree di testo e pulsanti.

Prova il gioco

9

Aprire una nuova finestra nel browser Web e passare alla Apple.com/safari. Scaricare e installare il browser Safari, seguendo le istruzioni fornite sul sito Web. Cambiare l'User Agent farà Safari sul vostro computer di comportarsi come farebbe su un iPod Touch.

10

Avviate Safari e rendere il menu "Sviluppo" visibile nella parte superiore dello schermo facendo clic su "Preferenze" dal menu File e quindi selezionare l'opzione "Visualizza sviluppare Menu nella barra dei Menu".

11

Scegliere il menu "Sviluppo". Selezionare "User Agent" seguita da "Altro". Si aprirà una finestra con un campo di testo. Evidenziare ed eliminare il contenuto del campo di testo e quindi incollare il codice seguente nel campo di testo: "Mozilla/5.0 (iPod; U; CPU come Mac OS X; it) AppleWebKit/420,1 (KHTML, come Gecko) versione/3.0 Mobile/4A93 Safari/419.3 "

12

Prova il gioco utilizzando il Web browser Safari sul tuo computer prima di caricarlo su un server Web. Altri browser, come Internet Explorer e Firefox, non visualizzerà il gioco esattamente nello stesso modo. Dopo aver caricato il gioco a un server, test estesamente su un iPod Touch utilizzando il Web browser Safari sul dispositivo.