If you're seeing this message, it means we're having trouble loading external resources on our website.

Jeżeli jesteś za filtrem sieci web, prosimy, upewnij się, że domeny *.kastatic.org i *.kasandbox.org są odblokowane.

Główna zawartość

Temat: Zaawansowany JS: Gry i Wizualizacje

Wprowadzenie do gier i wizualizacji

Krótkie wprowadzenie do wielu elementów gier i wizualizacji zaprezentowanych przez nasze ulubione programy.
Ucz się sam(a)!
Wprowadzenie do gier i wizualizacji
(Otwiera system)

Zarządzanie scenami

Naucz się przełączać między scenami w twoim programie nawet, gdy są animowane i interaktywne.
Ucz się sam(a)!
Czym są sceny?
(Otwiera system)
Proste zmiany scen
(Otwiera system)
Wyzwanie: Narrator opowieści
(Otwiera system)
Animowane sceny
(Otwiera system)
Interaktywne sceny
(Otwiera system)
Zmiany scen kontrolowane przyciskiem
(Otwiera system)

Przyciski

Naucz się tworzyć konfigurowalne przyciski dla twojego programu.
Ucz się sam(a)!
Czym są przyciski?
(Otwiera system)
Funkcja przycisku
(Otwiera system)
Typ obiektu przycisku
(Otwiera system)
Wyzwanie: wyścigi zajęcy
(Otwiera system)

Gra typu side-scroller: Skaczący bóbr

Naucz się tworzyć proste gry typu side scroller, gdzie po naciśnięciu przycisku twój bóbr przemieszcza się, a ty musisz pomóc mu zebrać odpowiednią ilość patyków do zbudowania nory. Bardzo łatwo będzie Ci ulepszyć ten projekt i stworzyć grę typu flappy!
Ucz się sam(a)!
Wprowadzenie do bobra Hoppy
(Otwiera system)
Postać bobra
(Otwiera system)
Środowisko leśne
(Otwiera system)
Wyzwanie: Pong
(Otwiera system)
Bóbr łapie patyk, czyli "zderzenia" dwóch obiektów
(Otwiera system)
Punktacja i wygrana
(Otwiera system)
Projekt: Skaczący Bóbr Extra
(Otwiera system)

Gra typu Memory

Grałeś kiedykolwiek w grę, w której musisz odwracać karty, żeby znaleźć pary? Naucz się jak stworzyć cyfrową wersję tej gry!
Ucz się sam(a)!
Wprowadzenie do gry "Memory"
(Otwiera system)
Gra memory: Rysowanie siatki kafelków
(Otwiera system)
Gra pamięciowa: Odkrywanie płytek
(Otwiera system)
Gra memory: Zdobywanie punktów
(Otwiera system)
Wyzwanie: kółko i krzyżyk
(Otwiera system)
Projekt: Pamięć++
(Otwiera system)

Przekształcenia

Naucz się korzystać z translate(), rotate() i scale() w celu łatwiejszej manipulacji kształtami w twojej programie.
Ucz się sam(a)!
Translacja/Przesunięcie
(Otwiera system)
Wyzwanie: Na ratunek
(Otwiera system)
Obrót
(Otwiera system)
Wyzwanie: obrót
(Otwiera system)
Skalowanie
(Otwiera system)
Wyzwanie: złudzenie optyczne
(Otwiera system)
Wielokrotne przekształcenia
(Otwiera system)
Wyzwanie: świecące skalowane słońce
(Otwiera system)

Bryły w trzech wymiarach

Ucz się sam(a)!
Co to są kształty 3D?
(Otwiera system)
Opis brył w trzech wymiarach
(Otwiera system)
Rysowanie brył w trzech wymiarach
(Otwiera system)
Obracanie brył w trzech wymiarach
(Otwiera system)
Tworzenie brył w trzech wymiarach
(Otwiera system)

Zaawansowanie narzędzia dla deweloperów

Naucz się jak budować skomplikowane gry i wizualizacje, używając edytorów i narzędzi debugujących
Ucz się sam(a)!
Korzystanie z ProcessingJs poza Khan Academy
(Otwiera system)
Korzystanie z innych edytorów kodu
(Otwiera system)

O tym dziale

Gdy już skończyłeś "Wstęp do JS", kliknij tutaj, aby nauczyć się technik tworzenia wielostronnych programów, grafiki 3d, menu z przyciskami i gier z wynikiem gracza.