HTML5 Canvas. Receptury

Podziękowania od wydawcy oryginału......Page 3
Podziękowania......Page 4
Spis treści......Page 5
Adresaci książki......Page 14
Część I.
Wstęp do gier w standardzie HTML5......Page 17
Rozdział 1. Gry w sieci 
......Page 19
HTML5 a gry......Page 20
Element canvas......Page 21
Dźwięk......Page 22
WebSocket......Page 23
WebGL......Page 24
Wykrywanie własności......Page 25
Wypełnianie luk......Page 26
Konstruowanie gry......Page 27
Podsumowanie......Page 28
Rozdział 2. Pierwsze kroki 
......Page 29
Dopasowywanie......Page 30
Menu główne......Page 31
Rekordowe wyniki......Page 32
Tworzenie szkieletu aplikacji......Page 33
Nadawanie stylu......Page 34
Wczytywanie skryptów......Page 36
Używanie fontów sieciowych......Page 40
Formatowanie ekranu powitalnego......Page 41
Podsumowanie......Page 43
Rozdział 3. HTML i urządzenia mobilne 
......Page 45
Napisz raz a dobrze......Page 46
Sterowanie za pomocą klawiatury......Page 47
Mysz kontra dotyk......Page 48
Przystosowywanie gry do niskiej rozdzielczości......Page 49
Projektowanie skalowalnych układów strony......Page 50
Kontrolowanie przestrzeni operacyjnej......Page 51
Tworzenie różnych widoków......Page 52
Tworzenie głównego menu......Page 53
Dodawanie modułów ekranu......Page 54
CSS i zapytania medialne......Page 57
Wykrywanie orientacji urządzenia......Page 58
Dodawanie mobilnych arkuszy stylów......Page 59
Umieszczanie aplikacji na ekranie głównym telefonu......Page 61
Usunięcie interfejsu przeglądarki......Page 68
Włączanie debugera Safari......Page 71
Podsumowanie......Page 73
Część II. Tworzenie komponentów gry 
......Page 75
Rozdział 4. Konstruowanie gry
......Page 77
Tworzenie modułu planszy......Page 78
Inicjalizowanie stanu gry......Page 79
Wypełnianie planszy......Page 81
Walidacja ruchów gracza......Page 83
Wykrywanie łańcuchów......Page 85
Generowanie nowych klejnotów......Page 87
Przyznawanie punktów......Page 88
Ponowne wypełnianie siatki......Page 89
Dopasowywanie brylantów......Page 92
Podsumowanie......Page 93
Rozdział 5. Pracownicy i delegowanie zadań 
......Page 95
Pracownicy — ograniczenia......Page 96
Możliwości pracowników sieciowych......Page 97
Wysyłanie wiadomości......Page 98
Przechwytywanie błędów......Page 99
Współdzieleni pracownicy......Page 100
(Nie) Pierwszy przykład......Page 101
Wykorzystywanie pracowników w grach......Page 103
Tworzenie modułu pracownika......Page 104
Utrzymanie starego interfejsu......Page 105
Podsumowanie......Page 110
Rozdział 6. Element canvas i grafika 
......Page 111
Grafika SVG......Page 112
Element canvas — najlepsze rozwiązanie?......Page 113
Rysowanie na elemencie canvas......Page 114
Rysowanie ścieżek i figur......Page 115
Łuki i okręgi......Page 117
Zaawansowane style wypełniania i konturowania......Page 121
Transformacje......Page 124
Dołączanie tekstu, obrazu i cieni......Page 126
Dodawanie tekstu......Page 127
Zarządzanie stosem stanów......Page 130
Rysowanie logo HTML5......Page 131
Kompozycje......Page 135
Odczytywanie wartości pikseli......Page 136
Uaktualnianie wartości pikseli......Page 137
Bezpieczeństwo i nałożone ograniczenia......Page 139
Tworzenie efektów specjalnych na poziomie pikseli......Page 140
Podsumowanie......Page 141
Rozdział 7. Tworzenie szaty graficznej gry
......Page 143
Dopasowanie wielkości obrazów......Page 144
Modyfikowanie skryptu ładowania......Page 145
Pasek postępu......Page 149
Upiększanie tła......Page 151
Konstruowanie ekranu gry......Page 153
Nanoszenie planszy na płótno......Page 154
Definiowanie planszy bez użycia płótna......Page 160
Podsumowanie......Page 165
Rozdział 8. Interakcja w grze 
......Page 167
Wirtualna klawiatura......Page 168
Zdarzenia dotykowe......Page 170
Zdarzenia sterowania i płótna......Page 174
Konstruowanie modułu sterowania......Page 176
Obsługa zdarzeń sterowania......Page 177
Implementowanie mechaniki gry......Page 180
Powiązanie kontrolek z funkcjami gry......Page 184
Podsumowanie......Page 189
Rozdział 9. Animowanie grafiki w grze
......Page 191
Wdrażanie interakcji......Page 192
Synchronizacja animacji......Page 193
Animowanie znacznika......Page 196
Animowanie działań w grze......Page 197
Punkty i czas......Page 206
Tworzenie elementów interfejsu użytkownika......Page 207
Przyznawanie punktów......Page 211
Koniec gry......Page 219
Podsumowanie......Page 222
Część III. Efekty 3D i dźwięk 
......Page 223
Rozdział 10. Efekty dźwiękowe w grach
......Page 225
Wykrywanie obsługi audio......Page 226
Wojny formatów — przebieg konfliktu......Page 227
Używanie elementu audio......Page 229
Sterowanie odtwarzaniem......Page 232
Dane audio......Page 235
Korzystanie z API danych Mozilla......Page 236
Kilka przykładów......Page 237
Konstruowanie modułu audio......Page 241
Odtwarzanie efektów dźwiękowych......Page 242
Sprzątanie......Page 244
Odtwarzanie dźwięku w ekranie gry......Page 245
Podsumowanie......Page 247
Rozdział 11. WebGL i grafika 3D
......Page 249
Wprowadzenie do WebGL......Page 250
Debugowanie w WebGL......Page 251
Zmienne i typy danych......Page 252
Shadery WebGL — praktyczne zastosowanie......Page 256
Zmienne jednolite......Page 260
Renderowanie trójwymiarowych obiektów......Page 262
Korzystanie z buforów wierzchołków......Page 263
Używanie buforów indeksów......Page 264
Korzystanie z modeli, widoków i projekcji......Page 265
Macierz widoku modelu......Page 266
Renderowanie......Page 268
Ładowanie modeli Collada......Page 271
Dodawanie oświetlenia......Page 273
Oświetlenie pikselowe......Page 276
Tworzenie tekstur......Page 278
Tworzenie modułu wyświetlania WebGL......Page 283
Ładowanie plików WebGL......Page 284
Przygotowanie modułu WebGL......Page 285
Renderowanie klejnotów......Page 287
Animowanie klejnotów......Page 292
Podsumowanie......Page 294
Część IV. Magazyn lokalny i tryb gry dla wielu graczy
......Page 295
Rozdział 12. Magazyn lokalny i tryb cache’owania
......Page 297
Używanie interfejsu magazynu......Page 298
Konstruowanie modułu magazynu......Page 301
Zamknięcie gry......Page 303
Pauzowanie gry......Page 305
Zapisywanie danych gry......Page 306
Tworzenie listy najlepszych wyników......Page 308
Konstruowanie ekranu wyników......Page 309
Przechowywanie rekordowych wyników......Page 311
Wyświetlanie rekordowych wyników......Page 312
Manifest pamięci podręcznej......Page 313
Podsumowanie......Page 316
Rozdział 13. Technologia WebSocket i tryb wieloosobowy gry
......Page 317
Nawiązywanie połączenia z serwerem......Page 318
Komunikacja w standardzie WebSocket......Page 321
Stosowanie systemu Node.js po stronie serwera......Page 322
Node.js — instalacja......Page 323
Konstruowanie serwera HTTP......Page 324
Konstruowanie pokoju czatu w technologii WebSocket......Page 326
Podsumowanie......Page 331
Rozdział 14. Dodatkowe zasoby
......Page 333
Box2D......Page 334
Impact......Page 335
Three.js......Page 337
PhoneGap......Page 338
Appcelerator Titanium......Page 341
Chrome Web Store......Page 342
Zeewe......Page 343
App Store......Page 344
Playtomic......Page 345
Podsumowanie......Page 346
Część V. Dodatki
......Page 349
Dodatek A. Element canvas — zbiór odwołań
......Page 351
Zarządzanie stanem......Page 352
Transformacje......Page 353
Figury i ścieżki......Page 354
Wypełnienia i linie......Page 356
Cienie......Page 357
Tekst......Page 358
Kompozycje......Page 359
Manipulowanie pikselami......Page 360
Dostępność......Page 361
Dodatek B. WebGL — zbiór odwołań
......Page 363
Typy danych......Page 364
Bufory......Page 365
Shadery......Page 366
Obiekty programów......Page 367
Zmienne jednolite......Page 368
Atrybuty wierzchołków......Page 369
Rysowanie......Page 370
Tekstury......Page 371
Mieszanie i wtapianie......Page 373
Bufor szablonu......Page 374
Bufor głębi......Page 375
Bufory renderowania......Page 376
Bufory ramki......Page 377
Inne funkcje......Page 378
Parametry......Page 380
Dodatek C. OpenGL Shading Language......Page 385
Typy danych......Page 386
Funkcje wbudowane......Page 387
Wbudowane zmienne i stałe......Page 393
Skorowidz......Page 395