HTML5 Tworzenie gier.pdf

(642 KB) Pobierz
Tytuł oryginału: HTML5 Games: Creating Fun with HTML5, CSS3, and WebGL
Tłumaczenie: Maciej Reszotnik
Projekt okładki: Jan Paluch
Materiały graficzne na okładce zostały wykorzystane za zgodą Shutterstock Images LLC.
ISBN: 978-83-246-4480-3
© 2012 John Wiley and Sons, Ltd.
All Rights Reserved. Authorised translation from the English language edition published by John Wiley & Sons
Limited. Responsibility for the accuracy of the translation rests solely with Helion S.A. and is not the
responsibility of John Wiley & Sons Limited.
No part of this book may be reproduced in any form without the written permission of the original copyright
holder, John Wiley & Sons Limited.
Translation copyright © 2012 by Helion S.A.
Wiley and the John Wiley & Sons, Ltd logo are trademarks or registered trademarks of John Wiley and Sons, Ltd
and/ or its affiliates in the United States and/or other countries, and may not be used without written permission.
All other trademarks are the property of their respective owners. John Wiley & Sons, Ltd is not associated with
any product or vendor mentioned in the book.
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means,
electronic or mechanical, including photocopying, recording or by any information storage retrieval system,
without permission from the Publisher.
Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej publikacji
w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną, fotograficzną, a także
kopiowanie książki na nośniku filmowym, magnetycznym lub innym powoduje naruszenie praw autorskich
niniejszej publikacji.
Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich właścicieli.
Autor oraz Wydawnictwo HELION dołożyli wszelkich starań, by zawarte w tej książce informacje były
kompletne i rzetelne. Nie biorą jednak
żadnej
odpowiedzialności ani za ich wykorzystanie, ani za związane
z tym ewentualne naruszenie praw patentowych lub autorskich. Autor oraz Wydawnictwo HELION nie ponoszą
również
żadnej
odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji zawartych
w książce.
Wydawnictwo HELION
ul. Kościuszki 1c, 44-100 GLIWICE
tel. 32 231 22 19, 32 230 98 63
e-mail: helion@helion.pl
WWW: http://helion.pl (księgarnia internetowa, katalog książek)
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/htm5tg
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Pliki z przykładami omawianymi w książce można znaleźć pod adresem: ftp://ftp.helion.pl/przyklady/htm5tg.zip
Printed in Poland.
Kup książkę
Poleć książkę
Oceń książkę
Księgarnia internetowa
Lubię to! » Nasza społeczność
Spis tre ci
WstÚp ....................................................................................................... 13
CzÚ Ê I. WstÚp do gier w standardzie HTML5 ..................................... 17
Rozdziaï 1. Gry w sieci ................................................................................................. 19
HTML5 — rys historyczny .............................................................................................20
HTML5 a gry ..................................................................................................................20
Element canvas .........................................................................................................21
D wiÚk .......................................................................................................................22
WebSocket .....................................................................................................................23
Magazyn sieciowy ......................................................................................................24
WebGL ......................................................................................................................24
HTML5 (nie) jest pogromcÈ Flasha ...........................................................................25
Gwarantowanie wstecznej kompatybilno ci ....................................................................25
Wykrywanie wïasno ci ...............................................................................................25
U ywanie biblioteki Modernizr ..................................................................................26
Wypeïnianie luk .........................................................................................................26
Konstruowanie gry .........................................................................................................27
Podsumowanie ...............................................................................................................28
Rozdziaï 2. Pierwsze kroki ........................................................................................... 29
Planowanie gry ...............................................................................................................30
Dopasowywanie brylantów .........................................................................................30
Dopasowywanie .........................................................................................................30
Etapy gry ....................................................................................................................31
Definiowanie warstw gry ................................................................................................31
Ekran powitalny .........................................................................................................31
Menu gïówne .............................................................................................................31
Gra .............................................................................................................................32
Rekordowe wyniki ......................................................................................................32
Tworzenie szkieletu aplikacji ..........................................................................................33
Struktura HTML .......................................................................................................34
Nadawanie stylu ........................................................................................................34
Wczytywanie skryptów ...............................................................................................36
Kup książkę
Poleć książkę
6
HTML5. TWORZENIE GIER
Projektowanie ekranu powitalnego .................................................................................40
U ywanie fontów sieciowych .....................................................................................40
Formatowanie ekranu powitalnego ............................................................................41
Podsumowanie ...............................................................................................................43
Rozdziaï 3. HTML i urzÈdzenia mobilne ...................................................................... 45
Tworzenie aplikacji sieciowych na urzÈdzenia przeno ne ..............................................46
Napisz raz a dobrze ....................................................................................................46
Platformy mobilne — wyzwania .................................................................................47
Obsïuga sterowania na urzÈdzeniu mobilnym ................................................................47
Sterowanie za pomocÈ klawiatury ..............................................................................47
Mysz kontra dotyk ......................................................................................................48
Przystosowywanie gry do niskiej rozdzielczo ci ...............................................................49
Projektowanie skalowalnych ukïadów strony ..................................................................50
Kontrolowanie przestrzeni operacyjnej ......................................................................51
WyïÈczenie skalowania ..............................................................................................52
Tworzenie ró nych widoków ..........................................................................................52
Tworzenie gïównego menu ........................................................................................53
Dodawanie moduïów ekranu .....................................................................................54
CSS i zapytania medialne ..........................................................................................57
Wykrywanie orientacji urzÈdzenia .............................................................................58
Dodawanie mobilnych arkuszy stylów ........................................................................59
Tworzenie gier na systemy iOS i Android .......................................................................61
Umieszczanie aplikacji na ekranie gïównym telefonu ................................................61
UsuniÚcie interfejsu przeglÈdarki ..............................................................................68
Debugowanie aplikacji mobilnych ..................................................................................71
WïÈczanie debugera Safari ........................................................................................71
Uzyskanie dostÚpu do logów w Androidzie .................................................................73
Podsumowanie ...............................................................................................................73
CzÚ Ê II. Tworzenie komponentów gry ................................................ 75
Rozdziaï 4. Konstruowanie gry .................................................................................... 77
Tworzenie moduïu planszy .............................................................................................78
Inicjalizowanie stanu gry ...........................................................................................79
Wypeïnianie planszy ..................................................................................................81
Implementacja zasad .....................................................................................................83
Walidacja ruchów gracza ...........................................................................................83
Wykrywanie ïañcuchów .............................................................................................85
Generowanie nowych klejnotów ................................................................................87
Przyznawanie punktów ..............................................................................................88
Ponowne wypeïnianie siatki .......................................................................................89
Dopasowywanie brylantów .........................................................................................92
Podsumowanie ...............................................................................................................93
Rozdziaï 5. Pracownicy i delegowanie zadañ ............................................................... 95
Pracownicy sieciowi ........................................................................................................96
Pracownicy — ograniczenia .......................................................................................96
Mo liwo ci pracowników sieciowych ..........................................................................97
Kup książkę
Poleć książkę
SPIS TRE¥CI
7
Korzystanie z pracowników ............................................................................................98
Wysyïanie wiadomo ci ...............................................................................................98
Otrzymywanie wiadomo ci ........................................................................................99
Przechwytywanie bïÚdów ...........................................................................................99
Wspóïdzieleni pracownicy .......................................................................................100
(Nie) Pierwszy przykïad ...........................................................................................101
Wykorzystywanie pracowników w grach .......................................................................103
Tworzenie moduïu pracownika ................................................................................104
Utrzymanie starego interfejsu ..................................................................................105
Podsumowanie .............................................................................................................110
Rozdziaï 6. Element canvas i grafika .......................................................................... 111
Grafika w sieci ..............................................................................................................112
Obrazy bitmapowe ...................................................................................................112
Grafika SVG .............................................................................................................112
Element canvas .......................................................................................................113
Element canvas — najlepsze rozwiÈzanie? ..............................................................113
Rysowanie na elemencie canvas ..................................................................................114
Rysowanie cie ek i figur .........................................................................................115
uki i okrÚgi .............................................................................................................117
Zaawansowane style wypeïniania i konturowania ....................................................121
Transformacje .........................................................................................................124
DoïÈczanie tekstu, obrazu i cieni .............................................................................126
Dodawanie tekstu ....................................................................................................127
ZarzÈdzanie stosem stanów .....................................................................................130
Rysowanie logo HTML5 ...........................................................................................131
Kompozycje ..............................................................................................................135
Manipulowanie danymi obrazu ....................................................................................136
Odczytywanie warto ci pikseli ..................................................................................136
Uaktualnianie warto ci pikseli .................................................................................137
Eksport danych obrazu ............................................................................................139
Bezpieczeñstwo i naïo one ograniczenia .................................................................139
Tworzenie efektów specjalnych na poziomie pikseli ................................................140
Podsumowanie .............................................................................................................141
Rozdziaï 7. Tworzenie szaty graficznej gry ................................................................. 143
WstÚpne ïadowanie plików ...........................................................................................144
Dopasowanie wielko ci obrazów ..............................................................................144
Modyfikowanie skryptu ïadowania ...........................................................................145
Pasek postÚpu ..........................................................................................................149
UpiÚkszanie tïa .............................................................................................................151
Konstruowanie ekranu gry ...........................................................................................153
Nanoszenie planszy na pïótno ..................................................................................154
Definiowanie planszy bez u ycia pïótna ...................................................................160
Podsumowanie .............................................................................................................165
Rozdziaï 8. Interakcja w grze ...................................................................................... 167
Identyfikowanie dziaïañ u ytkownika ...........................................................................168
Zdarzenia obsïugi myszy a ekrany dotykowe ............................................................168
Wirtualna klawiatura ...............................................................................................168
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin