Overview

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 wierzyOpró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.jsDodatkowo 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!

Skills

Reviews