συστήματα

* Γνώση Υπολογιστών >> συστήματα >> Mac OS

Πώς να δημιουργήσει ένα Web Based iPod Touch παιχνίδι

Εάν ξέρετε πώς να σχεδιάσουν μια ιστοσελίδα που χρησιμοποιούν HTML και CSS , και έχετε κάποια κατανόηση των JavaScript , μπορείτε να δημιουργήσετε το δικό σας Web app παιχνίδια για το iPod Touch και iPhone . Οι κανόνες είναι κάπως διαφορετικά για τις συσκευές της Apple iOS , λόγω των διαφορών στο μέγεθος της οθόνης και τον τρόπο με τον οποίο οι χρήστες αλληλεπιδρούν με τις ιστοσελίδες σε ένα iPod Touch , σε αντίθεση με τους χρήστες είναι εξοπλισμένα με το ποντίκι . Πολλά σεμινάρια , σελίδες δείγματος και της δημιουργίας ενός κώδικα είναι διαθέσιμα στην ανάπτυξη Βιβλιοθήκη Safari που μπορείτε να χρησιμοποιήσετε ως βάση για το δικό σας παιχνίδι app Web . Οδηγίες
Ξεκινώντας
Η 1

Έρευνα του Apple Safari Ανάπτυξης Βιβλιοθήκη για τις ιδέες για το πώς να σχεδιάσουν το παιχνίδι σας . Αυτή η ιστοσελίδα περιέχει χρήσιμες tutorials , demos και δείγμα κώδικα για όλα τα είδη των iOS apps Web . Για παράδειγμα , τα διαθέσιμα μαθήματα περιλαμβάνουν δείγμα κώδικα για ένα παιχνίδι TicTacToe και ένα παιχνίδι Ντάμα , οι δύο έχουν σχεδιαστεί σε HTML5 και ρυθμιστεί για offline παιχνίδι . 2

Λήψη δείγματος κώδικα από την ανάπτυξη Βιβλιοθήκη Safari ή από άλλα μαθήματα που δημιουργούνται από έμπειρους προγραμματιστές Web iOS app . Κάντε δεξί κλικ σε κάθε αρχείο , επιλέξτε " Άνοιγμα με " και , στη συνέχεια, ανοίξτε κάθε αρχείο στο Σημειωματάριο ή λογισμικό σχεδιασμού Web όπως το Dreamweaver .
Εικόνων 3

Κάντε δεξί κλικ στο Web- based παιχνίδια σχεδιαστεί σε HTML5 , JavaScript και CSS , και επιλέξτε " View Source " για να δείτε τον κώδικα που χρησιμοποιείται για να δημιουργήσει το παιχνίδι . Σημειώστε ότι ένα μεγάλο μέρος της απαιτούμενης κώδικας αποθηκεύεται σε άλλες σελίδες . Αναζήτηση για τις συνδέσεις και σενάρια με " . Html , " " . Js " και " . Css " προεκτάσεις . Πληκτρολογήστε αυτές τις συνδέσεις σε ένα νέο παράθυρο του προγράμματος περιήγησης για να τις δείτε , χρησιμοποιώντας το ίδιο βασικό ευρετήριο όπως η σελίδα που βλέπετε . Για παράδειγμα, αν μια σελίδα είναι στο " example.com ", για να δείτε ένα σύνδεσμο για το " /scripts /sample.js , " θα πρέπει να πληκτρολογήσετε " example.com /scripts /sample.js " για να ανοίξει η σελίδα στο πρόγραμμα περιήγησής σας .
εικόνων δημιουργία περιεχομένου
Η 4

Χρησιμοποιήστε CSS "

" κωδικούς για να καθορίσετε το μέγεθος και τη μορφοποίηση του περιεχομένου του παιχνιδιού σας και στις σελίδες υποστήριξης . Αποφύγετε τη χρήση σετ πλαισίου που θα επιτρέπει την κύλιση πλαίσια ένθετα μέσα σε μια ιστοσελίδα .
5

σελίδες Σχεδιασμός και εικόνες διατηρώντας τους περιορισμούς της μνήμης του iPod Touch στο μυαλό . Για παράδειγμα , το μέγεθος των εικόνων σε ένα iPod Touch με λιγότερο από 256MB μνήμης RAM είναι 3 megapixels ? Το όριο για μια συσκευή με περισσότερη μνήμη RAM είναι 5 megapixels
Η 6

Κρατήστε javascript εκτελέσεις κάτω από 10 δευτερόλεπτα. . Εάν ο κωδικός σας παίρνει περισσότερο χρόνο για να εκτελέσει, μπορεί να κολλήσει σε ένα iPod Touch .
Η 7

Κρατήστε το συνολικό μέγεθος της σελίδας για Web -based παιχνίδι σας κάτω από 30 MB , συμπεριλαμβανομένων των εικόνων και άλλων αρχείων που χρησιμοποιούνται από το Web app .
8

Εξοικειωθείτε με το iOS ειδικές εντολές για τον εξορθολογισμό του παιχνιδιού σας για το iPod Touch . Για παράδειγμα, χρησιμοποιήστε το " άγγιγμα " εκδηλώσεις, όπως " touchstart " και " touchend " παρά τις εντολές του ποντικιού που χρησιμοποιούνται συνήθως στη σελίδα του Web design . Οι Safari Developer Βιβλιοθήκη κωδικούς δείγμα θα σας παρέχει επίσης με " webkit " εντολές που χρησιμοποιούν iOS ειδικά χαρακτηριστικά , όπως οι περιοχές κειμένου και κουμπιά .
Εικόνων Εξετάζοντας το παιχνίδι
Η 9

Ανοίξτε ένα νέο παράθυρο στο πρόγραμμα περιήγησης στο Web και να πλοηγηθείτε σε Apple.com /σαφάρι . Κατεβάστε και εγκαταστήστε το πρόγραμμα περιήγησης Safari , ακολουθώντας τις οδηγίες που παρέχονται στην ιστοσελίδα . Αλλαγή του User Agent θα κάνει Safari για συμπεριφέρονται υπολογιστή σας, όπως θα ήταν σε ένα iPod Touch .
Η 10

ξεκινήσει σαφάρι και να κάνει το μενού ορατό " Ανάπτυξη " στην κορυφή της οθόνης, κάνοντας κλικ στο "Προτιμήσεις " ? κάτω από το μενού Αρχείο και, στη συνέχεια, επιλέξτε την επιλογή " Εμφάνιση Ανάπτυξη menu στο menu Bar "
Η 11

Κάντε κλικ στο μενού " Ανάπτυξη " . . Επιλέξτε " Agent χρήστη ", ακολουθούμενο από το " Άλλα ". Ανοίγει ένα παράθυρο διαλόγου με ένα πεδίο κειμένου . Επισημάνετε και διαγράψτε τα περιεχόμενα του πεδίου κειμένου , και στη συνέχεια επικολλήστε τον παρακάτω κώδικα στο πεδίο κειμένου : " Mozilla/5.0 ( iPod ? U ? CPU όπως το Mac OS X ? En ) AppleWebKit/420.1 ( KHTML , like Gecko ) Έκδοση /3.0 Mobile/4A93 Safari/419.3 "

12

Ελέγξτε το παιχνίδι χρησιμοποιώντας το πρόγραμμα περιήγησης Web Safari στον υπολογιστή σας, πριν να το φορτώσετε σε ένα διακομιστή Web . Άλλοι browsers , όπως ο Internet Explorer και Firefox , δεν θα εμφανιστεί το παιχνίδι με τον ίδιο ακριβώς τρόπο . Αφού έχετε ανεβάσει το παιχνίδι σε ένα διακομιστή , να εξετάσουν εκτενώς σε ένα iPod Touch χρησιμοποιώντας το πρόγραμμα περιήγησης Web Safari στη συσκευή .
Η
εικόνων

Συναφής σύστασή

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα