Om du vet hur man designar en webbsida med HTML och CSS , och du har viss förståelse för JavaScript , kan du skapa dina egna spel web app för iPod Touch och iPhone . Reglerna är något olika för Apple iOS-enheter på grund av skillnader i skärmstorlek och det sätt på vilket användarna interagerar med webbsidor på en iPod Touch , i motsats till användare utrustade med en mus . Många tutorials , sidor prov och kodsträngar finns i Safari Development Library som du kan använda som grund för din egna Web App spel . Instruktioner
Komma igång
1
Research Apple Safari Development Library för idéer om hur man designar ditt spel . Denna webbplats innehåller användbara tutorials , demos och exempelkod för alla typer av iOS Web Apps . Till exempel finns tutorials inkluderar exempelkod för en TicTacToe spel och ett Checkers spel , båda utformade i HTML5 och konfigurerad för offline spel .
2
kod Ladda prov från Safari Development Library eller från andra skapade tutorials av erfarna iOS Web app utvecklare . Högerklicka på varje fil , välj " Öppna med " och sedan öppna varje fil i Anteckningar eller webbdesign program som Dreamweaver .
3
Högerklicka på webbaserade spel utformad i HTML5 , JavaScript och CSS , och välj " visa källa " för att se den kod som används för att skapa spelet . Observera att mycket av den önskade koden lagras på andra sidor. Sök efter länkar och skript med " . Html , " " . Js " och " . Css " extensions . Skriv dessa länkar i ett nytt webbläsarfönster för att visa dem , med samma rotkatalog som den sida du för närvarande visar . Till exempel om en sida är på " example.com ", för att visa en länk för " /scripts /sample.js , " du skulle skriva " example.com /scripts /sample.js " för att öppna den sidan i din webbläsare . Addera skapa innehåll
4
Använd CSS "
" koder för att ange storlek och formatering av ditt spel innehåll och supportsidor . Undvik att använda frame uppsättningar som skulle tillåta rullning ramar kapslas i en webbsida .
5
Design sidor och bilder hålla minnet begränsningar av iPod Touch i åtanke . Till exempel är storleken på bilder på en iPod Touch med mindre än 256 MB RAM 3 megapixel , gränsen för en enhet med mer RAM-minne är 5 megapixlar
6
Håll Javascript avrättningar under 10 sekunder . . Om din kod tar längre tid att utföra , kan det hänga på en iPod Touch .
7
Håll totala sidstorleken för din webb - baserade spel under 30 MB , inklusive bilder och andra filer som används av webben app.
8
Bekanta dig med iOS - specifika kommandon för att effektivisera ditt spel för iPod Touch . Till exempel , använd "Touch" händelser som " touchstart " och " touchEnd " snarare än muskommandon normalt används i Webbdesign . De Safari Developer Library prov koder kommer också att ge dig " webkit " kommandon som använder iOS - specifika funktioner, t.ex. text områden och knappar .
Testa spelet
9
Öppna ett nytt fönster i din webbläsare och navigera till Apple.com /safari . Hämta och installera webbläsaren Safari , följa anvisningarna på webbplatsen . Ändra User Agent gör Safari på din dator beter sig som det skulle på en iPod Touch .
10
Launch Safari och gör " Framkalla " menyn visas längst upp på skärmen genom att klicka på " Inställningar " , under Arkiv-menyn , och välj sedan " Visa Utveckla i menyraden " alternativet
11
Klicka på " Framkalla" menyn . . Välj " User Agent " följt av " Övrigt ". En dialogruta öppnas med ett textfält . Markera och ta bort innehållet i textfältet , och sedan klistra in följande kod i textfältet : " Mozilla/5.0 ( iPod , U , CPU som Mac OS X , sv ) AppleWebKit/420.1 ( KHTML , like Gecko ) Version /3,0 Mobile/4A93 Safari/419.3 "
12
Testa spelet med hjälp av webbläsaren Safari på din dator innan du laddar upp den till en webbserver . Andra webbläsare , såsom Internet Explorer och Firefox , kommer inte att visa spelet på exakt samma sätt . När du har laddat upp spelet till en server , testa det i stor utsträckning på en iPod Touch med hjälp av webbläsaren Safari på enheten .