Onderzoek 1 de Apple Safari Development Library voor ideeën over hoe u uw spel te ontwerpen . Deze website bevat handige tutorials , demo's en voorbeeldcode voor allerlei iOS Web apps. Bijvoorbeeld , beschikbaar tutorials bevatten voorbeeldcode voor een TicTacToe spel en een Checkers spel , beide ontworpen in HTML5 en geconfigureerd voor offline spelen .
Download voorbeeldcode uit de Safari Development Library of van andere tutorials gemaakt 2 door ervaren iOS web app-ontwikkelaars . Klik met de rechtermuisknop op elk bestand , selecteer " Openen met , " en open vervolgens elk bestand in Kladblok of web design software zoals Dreamweaver .
3
Klik met de rechtermuisknop op de web - based games ontworpen in HTML5 , JavaScript en CSS , en selecteer " View Source " om de code die wordt gebruikt om het spel te maken te zien . Merk op dat deel van de vereiste code wordt opgeslagen op andere pagina's . Zoeken naar banden en scripts met " . Html ", " . Js " en " css " extensies . . Typ deze links in een nieuw browservenster om ze te zien , met dezelfde root directory als de pagina die u thans bekijkt . Bijvoorbeeld als een pagina is op " example.com , " om een link te zien " /scripts /sample.js , " zou je typt " example.com /scripts /sample.js " naar die pagina te openen in uw browser .
maken van inhoud
4
" codes om de grootte en opmaak van je game content en ondersteuningspagina's opgeven . Vermijd het gebruik van framesets dat zou toelaten scrollen frames genest binnen een webpagina .
Ontwerp pagina's en afbeeldingen 5 houden de herinnering beperkingen van de iPod Touch in het achterhoofd . Bijvoorbeeld , de grootte van beelden op een iPod Touch met minder dan 256 MB RAM is 3 megapixels , de limiet voor een apparaat met meer RAM-geheugen is 5 megapixels
6
Houd Javascript executies onder de 10 seconden . . Als uw code langer duurt om uit te voeren , kan het hangen op een iPod Touch .
7
Houd de totale paginagrootte voor uw web - based spel onder de 30 MB , inclusief afbeeldingen en andere bestanden die worden gebruikt door de Web app .
8
vertrouwd met iOS - specifieke commando's om je spel te stroomlijnen voor de iPod Touch . Gebruik bijvoorbeeld "touch " evenementen zoals " TouchStart " en " touchEnd " in plaats van de muis commando's die normaal bij het ontwerpen van webpagina . De Safari Developer Library sample codes zal ook u met " webkit " commando's gebruik te maken van iOS - specifieke kenmerken , zoals tekst gebieden en knoppen .
Testen het spel
9
Open een nieuw venster in uw webbrowser en navigeer naar Apple.com /safari . Download en installeer de Safari- browser , volgens de instructies op de website . Het veranderen van de User Agent zal Safari te maken op uw computer gedragen zoals het zou op een iPod Touch .
Launch Safari 10 en maak het menu ' Ontwikkelen ' zichtbaar aan de bovenkant van het scherm door te klikken op " Voorkeuren" , onder het menu Bestand en kies vervolgens 'Toon Ontwikkel -menu in menubalk " optie
11
Klik op het menu ' Ontwikkelen ' . . Selecteer " User Agent " gevolgd door " Andere . " Er wordt een dialoogvenster geopend met een tekstveld . Markeer en verwijder de inhoud van het tekstveld , en dan de volgende code in het tekstveld plakken : " Mozilla/5.0 ( iPod , U , CPU , zoals Mac OS X ; nl ) AppleWebKit/420.1 ( KHTML , zoals Gecko ) Versie /3,0 Mobile/4A93 Safari/419.3 "
Test 12 het spel met behulp van de Safari- webbrowser op uw computer voordat u deze uploadt naar een webserver . Andere browsers , zoals Internet Explorer en Firefox , zal het spel niet weergegeven op precies dezelfde manier . Nadat je het spel hebt geüpload naar een server , test het uitvoerig op een iPod Touch via de Safari- webbrowser op het apparaat .