Wenn Sie , wie man eine Webseite mit HTML und CSS gestalten wissen , und Sie haben ein gewisses Verständnis von JavaScript, können Sie Ihre eigenen Web- App Spiele für den iPod Touch und iPhone. Die Regeln sind etwas anders für Apple iOS-Geräte wegen der Unterschiede in Bildschirmgröße und der Art und Weise , in der Benutzer interagieren mit Web-Seiten auf einem iPod Touch, wie die Nutzer mit einer Maus ausgestattet entgegen. Viele Tutorials, Musterseiten und Code-Schnipsel sind im Safari Entwicklungs-Bibliothek , die Sie als Basis für Ihre eigenen Web- App Spiel verwenden können. Anleitung
Getting Started
1
Forschung der Apple Safari Entwicklungs-Bibliothek für Ideen, wie Sie Ihr Spiel zu entwerfen. Diese Webseite enthält nützliche Tutorials , Demos und Beispielcode für alle Arten von Web-Apps iOS . Zum Beispiel umfassen verfügbar Tutorials Beispielcode für eine TicTacToe Spiel und ein Checkers Spiel , sowohl in HTML5 entwickelt und konfiguriert für die Offline- Wiedergabe.
2
Download sample Code aus dem Safari Entwicklungs-Bibliothek oder aus anderen Tutorials erstellt durch erfahrene iOS Web App-Entwickler . Für jede Datei mit der rechten Maustaste klicken , wählen Sie " Öffnen mit ", und öffnen Sie dann jede Datei in Notepad oder Web -Design-Software wie Dreamweaver .
3
Rechts-Klick auf Web -basierte Spiele entwickelt in HTML5 , JavaScript und CSS , und wählen Sie " View Source " , um den Code verwendet , um das Spiel zu erstellen sehen . Beachten Sie, dass ein Großteil der erforderlichen Code auf anderen Seiten gespeichert ist. Suche nach Links und Skripte mit " . Html ", " . Js " und " . Css" Erweiterungen. Geben Sie diese Links in einem neuen Browser- Fenster, um sie zu sehen, mit dem gleichen root Verzeichnis wie die Seite, die Sie gerade besuchen . Zum Beispiel, wenn eine Seite auf "example.com ", um einen Link zur Ansicht "/scripts /Sample.js , " würden Sie geben "example.com /scripts /Sample.js " , um die Seite zu öffnen in Ihrem Browser .
Inhalt erstellen
4
Use CSS "
" Codes, um die Größe und Formatierung der Spielinhalte und Support-Seiten angeben . Vermeiden Sie die Verwendung Rahmen -Sets , mit denen Scrollen Frames innerhalb einer Webseite eingebettet würde .
5
Design- Seiten und Bilder halten die Erinnerung Einschränkungen des iPod Touch im Auge. Zum Beispiel ist die Größe für Bilder auf einem iPod Touch mit weniger als 256 MB RAM 3 Megapixel , die Grenze für ein Gerät mit mehr RAM ist 5 Megapixel
6
Halten Javascript Hinrichtungen unter 10 Sekunden . . Wenn Ihr Code benötigt länger , kann es auf einem iPod Touch hängen.
7
Halten Sie die gesamte Seitengröße für Ihre Web -basiertes Spiel unter 30 MB, einschließlich der Bilder und andere Dateien, die vom Web verwendet App .
8
Machen Sie sich mit iOS -spezifische Befehle , um Ihr Spiel für den iPod Touch zu rationalisieren. Verwenden Sie zum Beispiel "touch" Veranstaltungen wie " TouchStart " und " touchEnd " statt Maus Befehle normalerweise in Web -Design verwendet . Die Safari Developer Library Probe-Codes wird Ihnen auch " Webkit "-Befehle nutzen iOS -spezifische Features wie Text- Bereiche und Schaltflächen.
Testing das Spiel
9
Öffnen Sie ein neues Fenster in Ihrem Web-Browser und navigieren Sie zu Apple.com /safari . Downloaden und installieren Sie den Safari-Browser und folgen Sie den Anweisungen auf der Website zur Verfügung gestellt. Ändern des User Agent wird Safari auf Ihrem Computer machen so verhalten, als wäre es auf einem iPod Touch.
10
Starten Sie Safari und machen das "Develop "-Menü sichtbar am oberen Rand des Bildschirms , indem Sie auf "Einstellungen" ; unter dem Menü Datei, und wählen Sie dann die "Show Entwicklung in der Menüleiste anzeigen " Option
11
Klicken Sie auf die "Develop "-Menü. . Wählen Sie " User Agent " gefolgt von " Andere . " Öffnet sich ein Dialog mit einem Textfeld . Markieren und löschen Sie den Inhalt des Textfeld , und fügen Sie den folgenden Code in das Textfeld ein : " Mozilla/5.0 ( iPod , U; CPU wie Mac OS X; en ) AppleWebKit/420.1 ( KHTML , like Gecko ) Version /3.0 Mobile/4A93 Safari/419.3 "
12
Testen Sie das Spiel mit dem Safari- Browser auf Ihrem Computer , bevor Sie es laden zu einem Web -Server. Andere Browser , wie Internet Explorer und Firefox, wird nicht angezeigt, das Spiel in genau der gleichen Weise . Nachdem Sie das Spiel auf einen Server hochgeladen haben , testen Sie es ausgiebig auf einem iPod Touch mit dem Safari- Browser auf dem Gerät.
