księgarnia informatyczna aton.pl

HTML5 Tworzenie gier z wykorzystaniem CSS i JavaScript

Wydawnictwo HELION

Cena:    39.90   29.13zł

HTML5 Tworzenie gier z wykorzystaniem CSS i JavaScript


Autor: Karl Bunyan

ISBN: 978-83-283-1770-3

Ilość stron: 208

Data wydania: 01/2016

Oprawa: Miękka

Format: 170x230

Wydawnictwo: HELION


Pasjans, Bubble Shooter, Puzzle Bubble, Mahjong, Candy Crush... Ile już godzin spędziłeś nad jedną z tych prostych i... wyjątkowo uzależniających gier? Żadna z nich nie wymaga nośników instalacyjnych ani potężnych mocy obliczeniowych, te gry działają na różnych platformach i urządzeniach, niezależnie od systemu operacyjnego, a do ich uruchomienia wystarczy jedynie przeglądarka. Zbudowanie takiej gry jest proste — wystarczy sprawny duet HTML5 i JavaScript.

Jeśli masz podstawową wiedzę o HTML5, CSS i JavaScript, to dzięki tej książce możesz nauczyć się pisania gier działających w przeglądarce. Autor książki, Karl Bunyan, pokazuje, jak zaplanować logikę gry, jak korzystać z bibliotek jQuery i Modernizr, jak renderować elementy gry i tworzyć płynne animacje. Uczy korzystania z efektownych przejść i transformacji CSS, a także sposobu implementowania efektów dźwiękowych i zapisywania wyników uzyskanych przez gracza.

Ten kompletny przewodnik w każdym rozdziale przedstawia nowe koncepcje i techniki, od razu prezentując ich działanie w praktyce. Dzięki temu czytelnik płynnie przechodzi od zagadnień podstawowych (tworzenie struktury plików gry czy reagowanie na zachowanie gracza) przez bardziej zaawansowane (wprowadzanie poziomów i wykorzystanie kanwy), aż po tak istotne sprawy, jak zarządzanie pamięcią i optymalizacja szybkości działania aplikacji.

Spróbuj swoich sił i zrealizuj pomysły na własną grę.

Spis treści:

CZĘŚĆ I. TWORZENIE GRY Z WYKORZYSTANIEM HTML, CSS I JAVASCRIPTU

1. Przygotowanie i konfiguracja (19)

  • Zasady gry (20)
  • Budowa gry (23)
  • Środowisko programistyczne i testowe (23)
    • Testowanie w przeglądarce (24)
    • Debugowanie w przeglądarce (25)
  • Rozmieszczanie ekranu gry (26)
    • Tworzenie paneli za pomocą HTML i CSS (27)
    • Struktura kodu (29)
  • Dodanie pierwszych skryptów (31)
    • Biblioteki Modernizr i jQuery (31)
    • Dodanie biblioteki Modernizr (33)
    • Ładowanie skryptów za pomocą Modernizr (34)
    • Modularny JavaScript (37)
    • Interfejs użytkownika i skrypty wyświetlające (42)
  • Podsumowanie (44)
  • Dalsze ćwiczenia (44)

2. Animacja sprite'ów z użyciem jQuery i CSS (45)

  • Zasady pracy ze sprite'ami CSS (47)
    • Tworzenie planszy gry (47)
    • Dodawanie sprite'ów (49)
  • Animacja i klasa Bubble (51)
    • Obliczanie kąta i kierunku (52)
    • Wystrzeliwanie i celowanie bąbelkami (55)
  • Podsumowanie (58)
  • Dalsze ćwiczenia (58)

3. Logika gry (59)

  • Rysowanie planszy gry (61)
    • Renderowanie poziomu (65)
    • Kolejka bąbelków (67)
  • Wykrywanie kolizji (69)
    • Geometria kolizji (70)
    • Logika wykrywania kolizji (75)
  • Reagowanie na kolizje (80)
    • Dodanie obiektu bąbelka do planszy (81)
    • Ustawianie obiektu bąbelka na siatce (83)
  • Podsumowanie (84)
  • Dalsze ćwiczenia (84)

4. Przełożenie na ekran zmian w stanie gry (85)

  • Obliczanie grup (86)
    • Pobieranie bąbelków (86)
    • Tworzenie grup o jednakowym kolorze (87)
  • Pękanie bąbelków (90)
    • Usuwanie grup bąbelków za pomocą JavaScriptu (90)
    • Animacja pękania za pomocą CSS (92)
  • Grupy osierocone (94)
    • Identyfikacja osieroconych bąbelków (94)
    • Usuwanie osieroconych bąbelków (99)
  • Tworzenie eksplozji bąbelków za pomocą wtyczki jQuery (101)
  • Podsumowanie (106)
  • Dalsze ćwiczenia (106)

CZĘŚĆ II. ULEPSZANIE GRY ZA POMOCĄ HTML5 I KANWY

5. Przejścia i transformacje CSS (109)

  • Zalety CSS (109)
  • Podstawowe przejścia CSS (110)
    • Jak stworzyć przejście? (110)
    • Przyciski zmieniające kolor (112)
  • Podstawowe transformacje CSS (114)
    • Jak stworzyć transformację? (115)
    • Skalowanie przycisku (115)
  • Przejścia CSS zamiast animacji jQuery (116)
  • Wady przejść CSS (119)
  • Podsumowanie (120)
  • Dalsze ćwiczenia (120)

6. Renderowanie sprite'ów za pomocą kanwy (121)

  • Wykrywanie wsparcia dla kanwy (122)
  • Rysowanie w elemencie canvas (122)
  • Renderowanie obrazów (124)
    • Elementy canvas (124)
    • Obracanie obrazów w elemencie canvas (126)
  • Renderowanie sprite'ów (129)
  • Definiowanie i utrzymanie stanów (131)
    • Przygotowanie maszyny stanów (131)
    • Implementacja stanów (132)
  • Arkusze sprite'ów a kanwa (137)
  • Renderowanie kanwy (143)
  • Przemieszczanie sprite'ów (146)
  • Animowanie klatek sprite'ów (149)
  • Podsumowanie (151)
  • Dalsze ćwiczenia (152)

7. Poziomy, dźwięk i nie tylko (153)

  • Wiele poziomów i wyniki (153)
    • Zmienne stanu nowej gry (154)
    • Wyświetlenie poziomu i wyniku (155)
  • Efektywne kończenie poziomów (165)
  • Przechowywanie najwyższego wyniku za pomocą magazynu lokalnego (167)
    • Magazyn lokalny kontra ciasteczka (167)
    • Dodawanie danych do magazynu lokalnego (168)
  • Wygładzanie animacji za pomocą requestAnimationFrame (170)
    • Nowe spojrzenie na aktualizację klatek (171)
    • Kompatybilność kodu dzięki wypełnianiu (172)
  • Dodanie dźwięku za pomocą HTML5 (175)
    • API audio HTML (176)
    • Pękanie bąbelków: kompletne z dźwiękiem (177)
  • Podsumowanie (179)
  • Dalsze ćwiczenia (179)

8. Kolejne kroki w HTML5 (181)

  • Zapisywanie i odczytywanie danych (181)
    • AJAX (182)
    • WebSockets (183)
    • Wątki robocze (184)
  • WebGL (185)
  • Udostępnianie gier HTML5 (187)
    • Pełny ekran w przeglądarce komputera (187)
    • Przeglądarki mobilne (188)
    • Udostępnianie w postaci aplikacji natywnej (191)
  • Optymalizacja (192)
    • Zarządzanie pamięcią (193)
    • Optymalizacja prędkości (195)
  • Bezpieczeństwo (196)
    • Nie ufaj nikomu (197)
    • Zaciemnianie (197)
    • Korzystanie ze zmiennych prywatnych (198)
    • Walidacja za pomocą sum kontrolnych (199)
  • Podsumowanie (200)
  • Dalsze ćwiczenia (200)

Posłowie (201)

  • Udoskonalenie Bubble Shootera (201)
  • Stworzenie zupełnie nowej gry (202)
    • Dopasuj trzy (202)
    • Pasjans (202)
    • Gra platformowa (202)
    • Prosta gra związana z fizyką (203)
  • Dołącz do zespołu tworzącego gry (203)
Cena:    39.90   29.13zł


HTML5 Tworzenie gier z wykorzystaniem CSS i JavaScriptKsiążka informatyczna: HTML5 Tworzenie gier z wykorzystaniem CSS i JavaScript
Księgarnia informatyczna aton.pl

Tutaj możesz kupić tę książkę w dobrej cenie. Zapraszamy na zakupy do naszej księgarni internetowej.