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

Description

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!

What You Will Learn!

• Wykorzystasz ES6 do tworzenia gier w JavaScript. Jeśli nie znasz nowoczesnego JS, bez obaw, jest mu poświęcona cała osobna sekcja
• Napiszesz proste gry jak: kółki i krzyżyk, wąż, quiz, ale też bardziej zaawansowane np: tetriadę czy memory
• Nauczysz się popularnej biblioteki do tworzenia interaktywnej grafiki 3d w przeglądarce czyli ThreeJs i wykorzystasz światła, cienie i inne efekty
• Zapoznasz się z biblioteką 3d do symulacji fizyki CannonJs dzięki czemu scena uzyska bardziej realistyczne zachowania jak reakcje na kolizje itp
• Zobaczysz jak można wykorzystać canvas do malowania elementów gry
• Wzbogacisz swoje umiejętności oraz portfolio o interaktywne gry w JavaScript
• W ThreeJs załadujesz gotowe modele 3d np postaci wraz z animacjami, które odtworzysz na scenie i to wszystko w przeglądarce komputera czy smartfonu!

Who Should Attend!

• Kurs jest dla każdego kto chce tworzyć aplikacje / gry w JavaScript oraz chce nauczyć się też tego języka od podstaw, zdobyć doświadczenie i poprawić swoje umiejętności

TAKE THIS COURSE