* počítačové znalosti >> Systémy >> mac OS >> .

Ako vytvoriť Web Based iPod Touch Hry

Ak viete , ako vytvoriť webové stránky pomocou HTML a CSS , a máte nejaké znalosti JavaScriptu , môžete si vytvoriť svoje vlastné webové aplikácie hry pre iPod Touch a iPhone . Pravidlá sú trochu odlišné pre Apple iOS zariadení kvôli rozdielom vo veľkosti obrazovky a spôsob , akým užívatelia pracujú s webovými stránkami na iPod Touch , na rozdiel od užívateľov vybavených s myšou . Veľa cvičenia , vzorové stránky a fragmenty kódu sú k dispozícii v Safari rozvoja knižnice , ktoré môžete použiť ako základ pre svoje vlastné webové app hry . Návod
Začíname
1

výskum Apple Safari vývojová knižnica pre nápady , ako navrhnúť svoju hru . Táto webová stránka obsahuje užitočné výukové programy , ukážky a ukážkový kód pre všetky druhy iOS webových aplikácií . Napríklad , k dispozícii výukové programy zahŕňajú ukážkový kód pre hru TicTacToe a dáma hru , ako navrhnutý v HTML5 a nakonfigurovaný pre offline hru .
2

Stiahnuť ukážkový kód z Safari rozvoj knižnice alebo z iných návodov vytvorených skúsenými iOS webové aplikácie vývojárov . Kliknite pravým tlačidlom myši na každý súbor , vyberte " Otvoriť " a potom otvorte každý súbor v programe Poznámkový blok alebo web design softvér , ako je Dreamweaver .
3

Kliknite pravým tlačidlom myši na Web - based hry navrhnuté v HTML5 , JavaScript a CSS , a vyberte " Zobraziť zdrojový kód " vidieť kód použitý na vytvorenie hry . Všimnite si , že veľa z požadovanej kód je uložený na ďalších stránkach . Hľadať na odkazy a skripty s " . Html , " " . Js " a " css " rozšírenie .. Typ tieto odkazy do nového okna prehliadača je zobraziť pomocou rovnakého koreňový adresár ako stránka , ktorú práve prezeráte . Napríklad , ak stránka je o " example.com " zobraziť odkaz na " /scripts /sample.js , " by ste zadať " example.com /scripts /sample.js " otvorte túto stránku vo Vašom prehliadači .
Vytváranie obsahu
4

Použitie CSS "

" kódy určiť veľkosť a formátovanie vášho herného obsahu a podporných stránok . Vyhnite sa použitie rámové sady , ktoré by umožnili rolovanie rámy vnorené v rámci webovej stránky .
5

dizajnu stránok a obrázkov na uchovanie spomienok obmedzenia na iPod Touch na mysli . Napríklad , veľkosť obrazov na iPod Touch s menej ako 256 MB RAM je 3 megapixely , limit pre zariadenia s viac pamäte RAM je 5 megapixelov
6

Majte Javascript popravy menej než 10 sekúnd .. Ak váš kód trvá dlhšie spustiť , môže visieť na iPod Touch .
7

Uchovávajte celkovú veľkosť stránky pre Web - based hry pod 30 MB , vrátane obrázkov a iných súborov používaných na webe app .
8

Zoznámte sa s iOS špecifických príkazov zefektívniť vašu hru pre iPod Touch . Napríklad , použite " Touch " , akcie ako " touchstart " a " touchEnd " skôr ako príkazy myšou bežne používané v dizajne webových stránok . V Safari Developer Knižnica vzorka kódy budú tiež poskytnúť vám " WebKit " príkazov s využitím iOS špecifické funkcie , napríklad textové oblasti a tlačidiel .
Testovanie hry
9

Otvorí nové okno vo webovom prehliadači a prejdite na Apple.com /safari . Stiahnite si a nainštalujte prehliadač Safari , postupujte podľa pokynov uvedených na internetových stránkach . Zmena User Agent bude Safari na vašom počítači sa správajú , ako by na iPod Touch .
10

Spustite Safari a urobiť ponuku " Develop " viditeľné v hornej časti obrazovky kliknutím na " Preferences " , v ponuke Súbor a potom vyberte možnosť " Show Develop menu v menu Bar "
11

Kliknite na ponuku " Develop " .. Vyberte " User Agent " , nasledovaný " Ostatné " . Otvorí sa dialógové okno s textovým poľom . Zvýraznite a mazať obsah textového poľa a vložte nasledujúci kód do textového poľa : " Mozilla/5.0 ( iPod , U; CPU , ako je Mac OS X , SK ) AppleWebKit/420.1 ( KHTML , like Gecko ) verzia /3.0 Mobile/4A93 Safari/419.3 "
12

Test hru pomocou Safari webový prehliadač v počítači , než ju nahrať na webový server . Ostatné prehliadače , ako Internet Explorer a Firefox , nezobrazí hru rovnakým spôsobom . Potom, čo ste nahrali hru na serveri , otestujte ju vo veľkej miere na iPod Touch pomocou Safari webový prehliadač na zariadení .

Ako vytvoriť Web Based iPod Touch Hry

Odporúčané články

Najnovšie články

mac OS

Systémy