wprowadzenie do html5. nauka html5 i javascriptu na przykładzie gier pełna wersja.pdf

(21728 KB) Pobierz
887633370.001.png
Spis treści
O autorce .................................................................................................................................. 9
Redaktor techniczny .............................................................................................................. 10
Wstęp ...................................................................................................................................... 11
Rozdzia 1. Podstawy ..................................................................................................... 15
Wprowadzenie ......................................................................................................................................................... 15
Wymagania ................................................................................................................................................................ 16
Funkcje HTML5, CSS i JavaScriptu ..................................................................................................................... 18
Podstawowe struktury i znaczniki HTML ................................................................................................. 18
Programowanie w JavaScripcie .................................................................................................................. 24
Zbuduj aplikację i weź ją dla siebie ................................................................................................................... 26
Testowanie aplikacji i wrzucanie jej na serwer ............................................................................................. 32
Podsumowanie ........................................................................................................................................................ 32
Rozdzia 2. Gra w kości ................................................................................................... 35
Wprowadzenie ......................................................................................................................................................... 35
Wymagania ................................................................................................................................................................ 38
Funkcje HTML5, CSS i JavaScriptu ..................................................................................................................... 38
Przetwarzanie liczb pseudolosowych i wyrażenia matematyczne ................................................. 38
Zmienne i instrukcje przypisania ................................................................................................................ 40
Funkcje użytkownika ...................................................................................................................................... 41
Kontrola logiki kodu: instrukcje if i switch ............................................................................................... 42
Rysowanie na elemencie canvas ................................................................................................................. 45
Zbuduj własną aplikację ....................................................................................................................................... 53
Rzut pojedynczą kością .................................................................................................................................. 55
Rzut dwiema kośćmi ....................................................................................................................................... 60
Kompletna gra w kości ................................................................................................................................... 65
Testowanie aplikacji i wrzucenie jej na serwer ............................................................................................. 72
Podsumowanie ........................................................................................................................................................ 73
SPIS TREŚCI
Rozdzia 3. Odbijająca się piłka ..................................................................................... 75
Wprowadzenie ......................................................................................................................................................... 75
Wymagania ................................................................................................................................................................ 78
Funkcje HTML5, CSS i JavaScriptu ..................................................................................................................... 78
Rysowanie piłki, ilustracji i gradientów .................................................................................................... 79
Zbuduj aplikację i weź ją dla siebie ................................................................................................................... 90
Testowanie aplikacji i wrzucenie jej na serwer .......................................................................................... 100
Podsumowanie ..................................................................................................................................................... 100
Rozdzia 4. Armata i proca ........................................................................................... 103
Wprowadzenie ...................................................................................................................................................... 103
Wymagania ............................................................................................................................................................. 106
Funkcje HTML5, CSS i JavaScriptu .................................................................................................................. 107
Tablice i obiekty definiowane przez programistę .............................................................................. 107
Obroty i przesunięcia w operacjach rysowania .................................................................................. 109
Rysowanie odcinków ................................................................................................................................... 113
Zdarzenia myszy: napinanie procy .......................................................................................................... 114
Modyfikowanie listy wyświetlanych elementów z użyciem metody splice() ........................... 116
Odległość między punktami ..................................................................................................................... 117
Zbuduj aplikację i weź ją dla siebie ................................................................................................................ 117
Strzał z armaty: ustawianie kąta i prędkości ........................................................................................ 122
Proca: definiowanie parametrów lotu pocisku za pomocą myszy ............................................... 128
Testowanie aplikacji i wrzucenie jej na serwer .......................................................................................... 136
Podsumowanie ..................................................................................................................................................... 137
Rozdzia 5. Pamięć ........................................................................................................ 139
Wprowadzenie ...................................................................................................................................................... 139
Podstawowe wymagania .................................................................................................................................. 143
Funkcje HTML5, CSS i JavaScriptu .................................................................................................................. 144
Reprezentowanie kart ................................................................................................................................. 144
Wykorzystanie obiektu Date do obliczana czasu ............................................................................... 146
Obsługa pauzy ................................................................................................................................................ 146
Rysowanie tekstu .......................................................................................................................................... 147
Rysowanie wielokątów ................................................................................................................................ 149
Mieszanie kart ................................................................................................................................................. 150
Kliknięcia w karty ........................................................................................................................................... 151
Zapobieganie oszustwom .......................................................................................................................... 152
Zbuduj własną aplikację .................................................................................................................................... 153
Testowanie aplikacji i wrzucenie jej na serwer .......................................................................................... 166
Podsumowanie ..................................................................................................................................................... 166
6
SPIS TREŚCI
Rozdzia 6. Quiz ............................................................................................................ 167
Wprowadzenie ...................................................................................................................................................... 167
Podstawowe wymagania .................................................................................................................................. 172
Funkcje HTML5, CSS i JavaScriptu .................................................................................................................. 172
Zapisywanie informacji w tablicach i ich odczytywanie .................................................................. 172
Tworzenie elementów HTML w czasie działania programu ............................................................... 175
Zmiana stylu CSS elementów za pomocą kodu JavaScript ............................................................ 177
Używanie formularzy i ich pól do komunikacji z graczem .............................................................. 179
Wyświetlanie wideo ..................................................................................................................................... 180
Zbuduj własną aplikację .................................................................................................................................... 182
Testowanie aplikacji i wrzucenie jej na serwer .......................................................................................... 193
Podsumowanie ..................................................................................................................................................... 194
Rozdzia 7. Labirynt ...................................................................................................... 195
Wprowadzenie ...................................................................................................................................................... 195
Wymagania podstawowe .................................................................................................................................. 201
Funkcje HTML5, CSS i JavaScriptu .................................................................................................................. 201
Reprezentacja ścian i pionka ..................................................................................................................... 201
Wykorzystanie zdarzeń myszy do budowania ścian ......................................................................... 202
Obsługa klawiszy strzałek ........................................................................................................................... 203
Detekcja kolizji: pionek i ściany ................................................................................................................ 204
Wykorzystanie lokalnego magazynu danych ...................................................................................... 207
Kodowanie danych do zapisu w magazynie lokalnym .................................................................... 212
Przyciski typu radio ....................................................................................................................................... 214
Zbuduj własną aplikację .................................................................................................................................... 214
Druga wersja aplikacji „Labirynt” ............................................................................................................. 224
Testowanie aplikacji i wrzucenie jej na serwer .......................................................................................... 231
Podsumowanie ..................................................................................................................................................... 231
Rozdzia 8. Kamień, papier, nożyce ............................................................................ 233
Wprowadzenie ...................................................................................................................................................... 233
Podstawowe wymagania .................................................................................................................................. 236
Funkcje HTML5, CSS i JavaScriptu .................................................................................................................. 237
Tworzenie graficznych przycisków do interakcji z graczem ............................................................... 237
Generowanie ruchu komputera ............................................................................................................... 241
Zaczynamy ....................................................................................................................................................... 249
Zbuduj własną aplikację .................................................................................................................................... 250
Testowanie aplikacji i wrzucenie jej na serwer .......................................................................................... 257
Podsumowanie ..................................................................................................................................................... 257
7
SPIS TREŚCI
Rozdzia 9. Wisielec ...................................................................................................... 259
Wprowadzenie ...................................................................................................................................................... 259
Wymagania podstawowe .................................................................................................................................. 265
Funkcje HTML5, CSS i JavaScriptu .................................................................................................................. 265
Przechowywanie listy wyrazów w tablicy zdefiniowanej w zewnętrznym skrypcie ............. 266
Generowanie, pozycjonowanie elementów HTML, formatowanie elementów
w postać przycisków i blokowanie przycisków ............................................................................... 266
Tworzenie rysunku na elemencie canvas ............................................................................................. 269
Śledzenie stanu gry i rozstrzygnięcie wygranej lub przegranej ................................................... 271
Sprawdzenie, czy gracz odgadł, i ustawienie textContent ............................................................. 272
Zbuduj własną aplikację .................................................................................................................................... 273
Testowanie aplikacji i wrzucenie jej na serwer .......................................................................................... 282
Podsumowanie ..................................................................................................................................................... 282
Rozdzia 10. Blackjack ................................................................................................. 283
Wprowadzenie ...................................................................................................................................................... 283
Wymagania podstawowe .................................................................................................................................. 288
Funkcje HTML5, CSS i JavaScriptu .................................................................................................................. 289
Zbuduj własną aplikację .................................................................................................................................... 297
Testowanie aplikacji i wrzucenie jej na serwer .......................................................................................... 306
Podsumowanie ..................................................................................................................................................... 307
Skorowidz ............................................................................................................................. 308
8

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin