JavaScript Games

Zpět na kurzy

Popis online kurzu

Pokud už znáš Scratch, vyzkoušej si naprogramovat hru v jazyce JAVAScript v prostředí p5.js. Efektivně si spolu zkusíme, jaké to je, navrhnout a napsat jednodušší interaktivní 2D hry – tzv. arkády, které jsme jako malí všichni milovali.


Co se naučím?

V tomto kurzu se konkrétně naučíš:

  • Osvojit si základy syntaxe jazyka JAVAScript.
  • Psát a upravovat kód klávesnicí.
  • Zorganizovat si soubory v prostředí operačního systému.
  • Pracovat s barvami, grafikou, zvukem či animacemi.
  • Základy programování herní logiky 2D arkádových her (herní cyklus, sprajty, zpracování kolizí, 2D fyzika, ...).
  • Využít své znalosti z matematiky, geometrie, fyziky.
  • Malé útržky online technologii (html, webserver, cloud).


 

Co budu umět vytvořit

Po absolvování tohoto kurzu budeš samostatně schopen:

  • Naprogramovat animovaný interaktivní obrázek.
  • Naprogramovat vlastní animovanou interaktivní hru.
  • Použít obrázek, animaci, zvuk nebo video ve svém programu.
  • Publikovat svou hru na internetu.


Minimální požadavky kurzu

Pro úspěšné absolvování tohoto kurzu se Ti budou hodit tyto znalosti:

  • Umět kopírovat a přesouvat.
  • Extrahovat soubory v prostředí operačního systému.
  • Předchozí zkušenost s vizuálním programováním (Scratch, Imagine, GalaxyCodr apod.).


Proč tento kurz

Mezi největší přednosti a benefity tohoto kurzu patří:

  • Výborný úvod pro mladé, jejichž programování baví, mají ambici zvládnout VÍCE a poznat svět programátorské praxe detailněji.
  • Dítě ovládne klávesnici PC a naučí se psát i dosud neznámé znaky - () [] {} # $ ' "\ atd.
  • Programování podporuje objevování a inovace.
  • Programování vede dítě nejen k tvořivosti, ale také analytickému a logickému myšlení.
  • Učí dítě nevzdat se a vytrvat při řešení problémů.
  • Technologie jsou dnes všudypřítomné, dítě znalosti v budoucnu uplatní v pracovním i soukromém životě bez ohledu na to, jakou kariérní dráhu si vybere.


Seznam kapitol online kurzu:

Úvod

  • 0.0 Příprava  
  • 1.1 Barvy, tvary, plátno  
  • 1.2 Nakresli si vlajku  

Proměnné a výpočty

  • 2.1 Zabudované proměnné  
  • 2.2 Symetrické kreslení  
  • 2.3 Definujeme nové proměnné  

Funkce, objekty a logika   

  • 3.1 Funkce náhodě  
  • 4.1 Objekty  
  • 4.2 Objekty s logikou  

Hra # 1 Žabka    

  • 5.0 Příprava  
  • 5.1 Pozadí  
  • 5.2 Sprajty  
  • 5.3 Jezdící auta  
  • 5.4 Ovládání žabky  
  • 5.5 Pohyb aut  
  • 6.1 Auta dokola (podmínky)  
  • 6.2 Kolize  
  • 6.3 Kolize dokončení  
  • 7.1 Zvuky  
  • 7.2 Skóre a úroveň  
  • 7.3 Postupné zvyšování obtížnosti  

Hra # 2 Asteroidy

  • 8.1 Raketa - animace a ovládání  
  • 8.2 Generování asteroidů  
  • 8.3 Střely  
  • 9.1 Kolize s asteroidy  
  • 9.2 Exploze lodě i asteroidu  
  • 9.3 Obnovení lodě  
  • 9.4 Skóre a zbylé asteroidy