Se sai come progettare una pagina web utilizzando HTML e CSS , e si ha una certa comprensione di JavaScript, è possibile creare i propri giochi app web per l'iPod Touch e iPhone . Le regole sono leggermente diverse per i dispositivi Apple iOS causa delle differenze nelle dimensioni dello schermo e il modo in cui gli utenti interagiscono con le pagine Web su un iPod Touch, al contrario di utenti dotati di un mouse . Molti tutorial , pagine di esempio e frammenti di codice sono disponibili presso la Biblioteca di sviluppo Safari che è possibile utilizzare come base per il proprio gioco web app .
Istruzioni Operazioni preliminari
1

ricerca della Biblioteca Safari di Apple per lo sviluppo di idee su come progettare il vostro gioco . Questo sito contiene utili tutorial , demo e codice di esempio per tutti i tipi di applicazioni Web iOS . Ad esempio , tutorial disponibili includono codice di esempio per un gioco TicTacToe e un gioco di Dama , entrambi progettati in HTML5 e configurato per giocare offline .
2

Scarica il codice di esempio dalla Biblioteca Sviluppo Safari o da altri tutorial creati da esperti iOS sviluppatori web app . Fai clic destro su ogni file , selezionare " Apri con ", e quindi aprire ogni file in Blocco note o software di progettazione Web , come Dreamweaver .
3

Fare clic destro su giochi basati sul Web progettato in HTML5 , JavaScript e CSS , e selezionare " View Source" per vedere il codice utilizzato per creare il gioco . Si noti che la maggior parte del codice richiesto è memorizzato su altre pagine . Ricerca di collegamenti e script con " . Html ", " . Js" e "estensioni . Css" . Digitare questi collegamenti in una nuova finestra del browser per visualizzare , utilizzando la stessa directory principale come la pagina che si sta visualizzando . Per esempio, se una pagina è il " example.com ", per visualizzare un link per " /scripts /Sample.js , " digitare "example.com /scripts /Sample.js " per aprire la pagina nel tuo browser .
creazione di contenuti
4

usare i CSS codici " Parole " per specificare la dimensione e la formattazione del contenuto del gioco e pagine di supporto . Evitare l'uso di set di fotogrammi che permetterebbero telai di scorrimento nidificati all'interno di una pagina web.
5 pagine di design

e immagini mantenendo le limitazioni di memoria di iPod Touch in mente. Ad esempio, la dimensione di immagini su un iPod Touch con meno di 256 MB di RAM è 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 l'esecuzione , si può appendere su un iPod Touch.
7

Mantenere la dimensione totale pagina per il vostro gioco web-based di sotto dei 30 MB , comprese le immagini e gli altri file utilizzati dal Web app .
8

Familiarizzare con i comandi iOS - specifici per ottimizzare il gioco per l'iPod Touch . Ad esempio, utilizzare eventi " touch" come " TouchStart " e " touchEnd " piuttosto che i comandi del mouse normalmente utilizzati nella pagina Web design. Lo sviluppatore codici di esempio Biblioteca Safari fornirà anche con comandi " webkit " utilizzando funzionalità iOS - specifici , come ad esempio le aree di testo e pulsanti .
Testare il gioco
9 < p > Aprire una nuova finestra nel browser Web e accedere alla Apple.com /safari . Scaricare e installare il browser Safari , seguendo le istruzioni fornite sul sito. Modifica della User Agent farà Safari sul vostro computer comportarsi come si farebbe su un iPod Touch .
10

lancio Safari e fare il menu "Sviluppo" visibile nella parte superiore dello schermo facendo clic su "Preferenze" , sotto il menu File , e selezionare "Mostra menu Sviluppo nella barra dei menu " opzione
11

Fare clic sul menu "Sviluppo" . . Selezionare " User Agent " seguito da " Altro". Viene visualizzata una finestra di dialogo si apre 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 ; en ) AppleWebKit/420.1 ( KHTML , like Gecko ) Version /3.0 Mobile/4A93 Safari/419.3 "
12

prova il gioco utilizzando il browser Web Safari sul vostro 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, testarlo estensivamente su un iPod Touch utilizzando il browser Web Safari sul dispositivo .