====== Játék prototípusok ====== 5. féléves programtervező informatikus hallgatók részére. ===== Oktatók ===== * Szabó Martin, egyetemi tanársegéd, [[sz.martin91@gmail.com|e-mail]] * Kiss Áron, tanszéki mérnök, [[kiss.aron@uni-miskolc.hu|e-mail]] ===== Forráskódok ===== [[https://github.com/aron123/jatek-prototipusok-2023|GitHub repository]] ===== Csoportok ===== - csoport: Keresztes Iulia, Szabó Alexandra Marianna - [[https://github.com/KeresztesIulia/Jatek_prototipusok_ULA7Z2_R65UKG/blob/main/Game%20Design%20Document.pdf|GDD]] - [[https://github.com/KeresztesIulia/Jatek_prototipusok_ULA7Z2_R65UKG|Repository]] - csoport: Bordás Milán, Kriston Ádám - [[https://github.com/Milka20013/JatekProto/blob/main/Game%20Design%20Document.pdf|GDD]] - [[https://github.com/Milka20013/JatekProto|Repository]] - csoport: Érsek Norbert, Pogonyi Ábel Kürt, Kacsir András - [[https://github.com/sodamachinebroke/penultimateDaydream/blob/main/GDD.pdf|GDD]] - [[https://github.com/sodamachinebroke/penultimateDaydream|Repository]] - csoport: Kiss István Bálint, Ivacs Dávid László - GDD - Repository - csoport: Veres Balázs László, Vitkolczi Dániel - [[https://github.com/Feekyy/JatekPrototipusokBeadando/blob/main/GDD.pdf|GDD]] - [[https://github.com/Feekyy/JatekPrototipusokBeadando|Repository]] ===== Anyagok ===== ==== 1. gyakorlat ==== Féléves követelmények ismertetése, szoftverek telepítése. * [[https://code.visualstudio.com/|Visual Studio Code]] * [[https://nodejs.org/en/|Node.js]] (ajánlott: v18.x.x) * ellenőrzés: ''node -v'' * [[https://www.npmjs.com/package/live-server|live-server (NPM csomag)]] * ''npm install -g live-server'' * [[https://www.mapeditor.org/|Tiled]] ==== 2. gyakorlat ==== JavaScript alapok. Egyszerű nyelvi kvízjáték készítése HTML, CSS és JavaScript felhasználásával. * Projekt: [[https://github.com/aron123/jatek-prototipusok-2023/tree/main/language-quiz|Nyelvi kvíz]] ==== 3. gyakorlat ==== Game Design Document. Phaser 3 keretrendszer alapjai: jelenetek, sprite-ok, ütközésvizsgálat, kamera effektek. * [[https://en.wikipedia.org/wiki/Game_design_document|Game Design Document (GDD)]] * Példa: [[tanszek:oktatas:jatek_prototipusok:jatek_prototipusok:gdd_pelda|Órai projekt tervezési dokumentuma]] * [[https://phaser.io/|Phaser 3]] * [[https://photonstorm.github.io/phaser3-docs/|Phaser 3 referencia dokumentációja]] * [[https://github.com/photonstorm/phaser|Phaser 3 forráskódja]] * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2023/tree/main/road-crossing|„Road-crossing” típusú játék]]** *[[https://github.com/aron123/jatek-prototipusok-2023/raw/main/road-crossing-assets.zip|Asset-ek letöltése]] * Kiegészítő anyag: [[https://ojs.uni-miskolc.hu/index.php/psaie/article/view/2167/1621|Mileff Péter: Collision detection in 2D games]] ==== 4. gyakorlat ==== Audio kezelés, tween animáció, sprite interakciók. * [[https://en.wikipedia.org/wiki/Inbetweening|Tweening]] * [[https://easings.net/|Easing functions]] * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2023/tree/main/spanish-learning-game|Nyelvtanuló játék]]** * [[https://github.com/aron123/jatek-prototipusok-2023/raw/main/spanish-learning-game-template.zip|Template letöltése]] ==== 5-6. gyakorlat ==== Spritesheet animáció, időzített események, több scene kezelése. * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2023/tree/main/virtual-pet-game|Virtuális kisállat nevelde]]** * [[https://github.com/aron123/jatek-prototipusok-2023/raw/main/virtual-pet-game-template.zip|Template letöltése]] * Spritesheet adatai: * frame size: 97 x 83 px * margin: 1 px * spacing: 1px ==== 7-8. gyakorlat ==== Fizikai motor, testekre ható erők, ütközés- és átfedésvizsgálat, platformer mechanika. * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2023/blob/main/platformer-game/|Platformer játék]]** * [[https://github.com/aron123/jatek-prototipusok-2023/raw/main/platformer-game-template.zip|Template letöltése]] * [[https://raw.githubusercontent.com/aron123/jatek-prototipusok-2023/main/platformer-game-lvl-data.json|Pályadefiníció letöltése]] * Player spritesheet: 28x30px, 1px margin, 1px spacing * Fire spritesheet: 20x21px, 1px margin, 1px spacing ==== Hasznos linkek a beadandóhoz ==== * ingyenes asset store-ok: [[https://opengameart.org/|OpenGameArt]], [[https://craftpix.net/|CraftPix]], [[https://itch.io/game-assets|itch.io]]