| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| tanszek:oktatas:jatek_prototipusok:jatek_prototipusok [2025/11/08 19:39] – [7-8. gyakorlat] kissa | tanszek:oktatas:jatek_prototipusok:jatek_prototipusok [2026/10/22 15:13] (current) – [7-8. gyakorlat] kissa |
|---|
| ===== Oktató ===== | ===== Oktató ===== |
| |
| * Kiss Áron, tanszéki mérnök, Informatikai Intézet [[kiss.aron@uni-miskolc.hu|e-mail]] | * Kiss Áron, egyetemi tanársegéd, Informatikai Intézet [[kiss.aron@uni-miskolc.hu|e-mail]] |
| |
| ===== Forráskódok ===== | ===== Forráskódok ===== |
| [[https://github.com/aron123/jatek-prototipusok-2025|GitHub repository]] | [[https://github.com/aron123/jatek-prototipusok-2026|GitHub repository]] |
| |
| ===== Anyagok ===== | ===== Anyagok ===== |
| ==== 2. gyakorlat ==== | ==== 2. gyakorlat ==== |
| JavaScript alapok gyakorlása. Kvízjáték készítése HTML, CSS és JavaScript felhasználásával. | JavaScript alapok gyakorlása. Kvízjáték készítése HTML, CSS és JavaScript felhasználásával. |
| | /* |
| * Projekt: [[https://github.com/aron123/jatek-prototipusok-2025/tree/master/language-quiz|Nyelvi kvízjáték]] | * Projekt: [[https://github.com/aron123/jatek-prototipusok-2025/tree/master/language-quiz|Nyelvi kvízjáték]] |
| | */ |
| ==== 3. gyakorlat ==== | ==== 3. gyakorlat ==== |
| Game Design Document. Phaser 3 keretrendszer alapjai: jelenetek, sprite-ok, ütközésvizsgálat, kamera effektek. | Game Design Document. Phaser 3 keretrendszer alapjai: jelenetek, sprite-ok, ütközésvizsgálat, kamera effektek. |
| * Példa: [[tanszek:oktatas:jatek_prototipusok:jatek_prototipusok:gdd_pelda|Órai projekt tervezési dokumentuma]] | * Példa: [[tanszek:oktatas:jatek_prototipusok:jatek_prototipusok:gdd_pelda|Órai projekt tervezési dokumentuma]] |
| * [[https://phaser.io/|Phaser 3]] | * [[https://phaser.io/|Phaser 3]] |
| * [[https://newdocs.phaser.io/docs/3.85.2|Phaser 3 dokumentációja]] | * [[https://docs.phaser.io/|Phaser 3 dokumentációja]] |
| * [[https://github.com/photonstorm/phaser|Phaser 3 forráskódja]] | * [[https://github.com/photonstorm/phaser|Phaser 3 forráskódja]] |
| |
| * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2025/tree/master/road-crossing|„Road-crossing” típusú játék]]** | * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2026/tree/master/road-crossing-game|„Road-crossing” típusú játék]]** |
| * [[https://github.com/aron123/jatek-prototipusok-2025/raw/master/road-crossing-assets.zip|Asset-ek letöltése]] | * [[https://github.com/aron123/jatek-prototipusok-2026/raw/master/road-crossing-assets.zip|Asset-ek letöltése]] |
| |
| * Kiegészítő anyag: [[https://ojs.uni-miskolc.hu/index.php/psaie/article/view/2167/2938|Mileff Péter: Collision detection in 2D games]] | * Kiegészítő anyag: [[https://ojs.uni-miskolc.hu/index.php/psaie/article/view/2167/2938|Mileff Péter: Collision detection in 2D games]] |
| * [[https://easings.net/|Easing functions]] | * [[https://easings.net/|Easing functions]] |
| |
| * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2025/tree/master/spanish-learning-game|Spanyol nyelvtanuló játék]]** | * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2026/tree/master/spanish-learning-game|Spanyol nyelvtanuló játék]]** |
| * [[https://github.com/aron123/jatek-prototipusok-2025/raw/master/spanish-learning-game-template.zip|Template letöltése]] | * [[https://github.com/aron123/jatek-prototipusok-2026/raw/master/spanish-learning-game-template.zip|Template letöltése]] |
| |
| ==== 5-6. gyakorlat ==== | ==== 5-6. gyakorlat ==== |
| Spritesheet animáció, időzített események, több scene kezelése. | Spritesheet animáció, időzített események, több scene kezelése. |
| |
| * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2025/tree/master/virtual-pet-game|Virtuális kisállat nevelde]]** | * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2026/tree/master/virtual-pet-game|Virtuális kisállat nevelde]]** |
| * [[https://github.com/aron123/jatek-prototipusok-2025/raw/master/virtual-pet-game-template.zip|Template letöltése]] | * [[https://github.com/aron123/jatek-prototipusok-2026/raw/master/virtual-pet-game-template.zip|Template letöltése]] |
| * Spritesheet adatai: | * Spritesheet adatai: |
| * frame size: 97 x 83 px | * frame size: 97 x 83 px |
| ==== 7-8. gyakorlat ==== | ==== 7-8. gyakorlat ==== |
| Fizikai motor, testekre ható erők, ütközés- és átfedésvizsgálat, platformer vezérlés. | Fizikai motor, testekre ható erők, ütközés- és átfedésvizsgálat, platformer vezérlés. |
| * **Projekt:** Platformer játék | |
| * [[https://github.com/aron123/jatek-prototipusok-2025/raw/master/platformer-game-template.zip|Template letöltése]] | * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2026/tree/master/platformer-game|Platformer játék]]** |
| * [[https://raw.githubusercontent.com/aron123/jatek-prototipusok-2025/master/platformer-game-lvl-data.json|Pályadefiníció letöltése]] | * [[https://github.com/aron123/jatek-prototipusok-2026/raw/master/platformer-game-template.zip|Template letöltése]] |
| | * [[https://raw.githubusercontent.com/aron123/jatek-prototipusok-2026/master/platformer-game-lvl-data.json|Pályadefiníció letöltése]] |
| * Player spritesheet: 28x30px, 1px margin, 1px spacing | * Player spritesheet: 28x30px, 1px margin, 1px spacing |
| * Fire spritesheet: 20x21px, 1px margin, 1px spacing | * Fire spritesheet: 20x21px, 1px margin, 1px spacing |
