|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/programowanie-gier-w-javascript/
课程评论:没有评论
本课程名为“JavaScript游戏编程,2D经典与Three.js”,旨在教授学员如何利用JavaScript创建经典2D游戏和3D游戏,并重点介绍Three.js库。 **课程亮点:** * **游戏开发入门:** 适合初学者,即使不熟悉JavaScript,课程也提供基础入门。 * **项目驱动:** 通过创建9个真实游戏项目来学习,包括: * Flappy Duck(飞翔的鸭子) * Snake(贪吃蛇) * Tic-Tac-Toe(井字棋) * Quiz(问答游戏) * Ping Pong(乒乓球) * Memory(配对记忆) * Tetris(俄罗斯方块) * Break Bricks(打砖块) * Stack Game(堆叠方块 - 3D) * **JavaScript ES6:** 深入学习现代JavaScript(ES6)特性,如模块化和类,在游戏开发中的应用。 * **Three.js 3D图形:** * 学习3D几何体的创建(立方体、球体、圆锥体、文本等)。 * 掌握3D场景的搭建(相机、坐标系、变换)。 * 学习对象分组、旋转和路径动画。 * 材质与纹理(Alpha通道、卡通渲染、法线贴图、立方体贴图)。 * 灯光与动态阴影。 * 3D模型加载与动画(Blender, OBJ, GLTF)。 * Raycaster、Tween.js 和关键帧动画。 * **物理引擎:** 学习使用Cannon.js库进行3D物理模拟。 * **完备的资源:** 每个视频下方都提供项目各阶段的源代码。 **先修知识:** * HTML * CSS基础 * JavaScript基础 本课程将帮助您步入充满活力的游戏开发领域,无论是2D经典还是前沿的3D体验。
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!