[2024] Programowanie gier w JavaScript klasyki w 2d, ThreeJS

Tworzenie gier jest obecnie znaczącą i szybko rozwijającą się branżą, gdyż całe pokolenia spędzają czas z tą nowoczesną rozrywką. Znajomość języka JavaScript oraz popularność przeglądarek internetowych dają nam ogromne możliwości w dotarciu do potencjalnych graczy, dlatego powstał ten kurs, który nauczy Ciebie tworzyć gry na bazie znanych klasyków 2d oraz zapoznamy się z grafiką 3d dzięki Three.js. Dodatkowo kurs zawiera wstęp od podstaw do JavaScript jeżeli jeszcze nie znasz tego języka :)

Ten kurs jest doskonałym wprowadzeniem do tworzenia gier, gdyż utworzysz 9 następujących projektów:

- Flappy Duck - Polacy nie gęsi, swoją podróbkę znanego hitu też mają

- Wąż - znana i lubiana gra z czasów telefonów wytrzymałych niemal jak cegła

- Kółko i krzyżyk - gra z dzieciństwa popularna w formie analogowej czyli zapisu na karteczkach, dziś ponoć te artefakty mają wartość niemal kolekcjonerską

- Quiz - odpowiedzi, pytania, punkty - najlepsza gra na zimowe wieczory, emocje gwarantowane, prawie jak na grzybobraniu!

- Ping Pong - hit z czasów komputerów z lat 70-tych, których moc nie dorasta do pięt nawet dzisiejszym elektronicznym termometrom

- Memory - to taki trochę tinder gdzie szuka się par na punkty tyko zdjęcia nie są sprzed paru lat

- Tetriada - znane spadające klocki, hit w który zagrywały się dinozaury zanim wynaleziono smartfon, a w telewizorze Rubin leciały tylko trzy kanały

- Break Bricks - znana gra w której odbijając piłkę od paletki niszczymy kolejne cegły, najlepszy sposób na katharsis!

- Stack game - trójwymiarowa gra w Three.js polegająca na ustawianiu nadlatujących bloków jeden za drugim w celu utworzenia jak najwyższej wierzy

Oprócz tego od podstaw poznasz bibliotekę Three.js która pozwala na generowanie grafiki 3d w canvas z poziomu JavaScript, nie musisz znać grafiki 3d! Krok po kroku poznasz:

- tworzenie geometrii w 3d: sześciany, sfery, stożki, cylinder, płaszczyzna, tekst 3d na bazie czcionek, własna geometria z losowymi kolorami wierzchołków itd.

- scena w 3d: podstawy grafiki 3d, kamera, układ współrzędnych, transformacje 3d - przesuwanie i obroty, skalowanie obiektów itd

- grupowanie obiektów oraz ich rotacja, również na bazie krzywej w 3d, np obrót księżyca wokół planety, która obraca się wokół słońca

- materiały i teksturowanie - ładowanie tekstur, kanał alpha, cieniowanie jak w kreskówkach, normal mapy, cube mapy i skybox

- światła i dynamiczne cienie - wykorzystanie oświetlenia na scenie wraz z dynamicznymi cieniami co doda życia Twojej grze

- ładowanie modeli 3d z animacją np z Blendera czy plików OBJ lub GLTF - zobaczysz gdzie szukać modeli open source dla swoich gier, jak je wyeksportować z Blendera i załadować na scenę w Three.js. Dodatkowo za pomocą miksera animacji odtworzysz zapisane w modelu np postaci animacje w zależności od potrzeb.

- raycaster, tween.js, własne animacje na bazie klatek kluczowych - wykorzystasz raycaster do wskazywania obiektów na scenie za pomocą myszy. Dodatkowo stworzysz własne  animacje na scenie za pomoc biblioteki Tween.js. Na koniec zrobisz bardzo zaawansowane animacje geometrii, skalowania, przezroczystości, pozycji i obrotu w postaci klatek kluczowych i ich interpolacji.

- Cannon.js - zapoznasz się z biblioteką do symulacji fizyki w JavaScript, która doda życia twoim trójwymiarowym scenom

- gra Stack game - połączysz zdobyta wiedzę tworząc grę w 3d na bazie Three.js

Dodatkowo kurs zawiera sekcję poświęconą programowaniu w nowoczesnym JavaScript czyli ES6, gdyż będziemy z niego wielokrotnie korzystali podczas tworzenia kolejnych gier dzieląc je na przykład na moduły, klasy itd. Dołożyłem wszelkich starań aby filmy były przystępne i zrozumiałe, dodatkowo pod filmami są źródła kolejnych etapów tworzenia poszczególnych aplikacji.

Uwaga: musisz znać: Html, podstawy CSS i JavaScript zanim przystąpisz do tego kursu :)

Gorąco zapraszam!