| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| tanszek:oktatas:jatek_prototipusok:jatek_prototipusok [2025/09/03 09:18] – kissa | tanszek:oktatas:jatek_prototipusok:jatek_prototipusok [2025/10/18 13:44] (current) – kissa |
|---|
| |
| ===== Oktató ===== | ===== Oktató ===== |
| /* * 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]] | * Kiss Áron, tanszéki mérnök, Informatikai Intézet [[kiss.aron@uni-miskolc.hu|e-mail]] |
| |
| ===== Forráskódok ===== | ===== Forráskódok ===== |
| /*[[https://github.com/aron123/jatek-prototipusok-2024|GitHub repository]]*/ | [[https://github.com/aron123/jatek-prototipusok-2025|GitHub repository]] |
| |
| ===== Anyagok ===== | ===== Anyagok ===== |
| Féléves követelmények ismertetése, szoftverek telepítése. | Féléves követelmények ismertetése, szoftverek telepítése. |
| |
| /* * [[https://code.visualstudio.com/|Visual Studio Code]] | * [[https://code.visualstudio.com/|Visual Studio Code]] |
| * [[https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer|Live Server]] extension | * [[https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer|Live Server]] extension |
| * [[https://www.mapeditor.org/|Tiled]]*/ | * [[https://www.youtube.com/watch?v=5TvHgCmacbE|Learning the JavaScript language]] |
| |
| ==== 2. gyakorlat ==== | ==== 2. gyakorlat ==== |
| JavaScript alapok gyakorlása. Egyszerű nyelvi 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-2024/blob/main/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. |
| |
| /* * [[https://en.wikipedia.org/wiki/Game_design_document|Game Design Document (GDD)]] | * [[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]] | * 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 referencia dokumentációja]] | * [[https://newdocs.phaser.io/docs/3.85.2|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-2024/blob/main/road-crossing/|„Road-crossing” típusú játék]]** | * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2025/tree/master/road-crossing|„Road-crossing” típusú játék]]** |
| * [[https://github.com/aron123/jatek-prototipusok-2024/raw/main/road-crossing-assets.zip|Asset-ek letöltése]] | * [[https://github.com/aron123/jatek-prototipusok-2025/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/1621|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]] |
| |
| ==== 4. gyakorlat ==== | ==== 4. gyakorlat ==== |
| Audio kezelés, in-between animáció, sprite interakciók. | Audio kezelés, in-between animáció, sprite interakciók. |
| |
| /* * [[https://en.wikipedia.org/wiki/Inbetweening|Tweening]] | * [[https://en.wikipedia.org/wiki/Inbetweening|Tweening]] |
| * [[https://easings.net/|Easing functions]] | * [[https://easings.net/|Easing functions]] |
| |
| * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2024/tree/main/spanish-learning-game|Spanyol nyelvtanuló játék]]** | * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2025/tree/master/spanish-learning-game|Spanyol nyelvtanuló játék]]** |
| * [[https://github.com/aron123/jatek-prototipusok-2024/raw/main/spanish-learning-game-template.zip|Template letöltése]]*/ | * [[https://github.com/aron123/jatek-prototipusok-2025/raw/master/spanish-learning-game-template.zip|Template letöltése]] |
| |
| |
| 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-2024/tree/main/virtual-pet-game|Virtuális kisállat nevelde]]** | * **Projekt: [[https://github.com/aron123/jatek-prototipusok-2025/tree/master/virtual-pet-game|Virtuális kisállat nevelde]]** |
| * [[https://github.com/aron123/jatek-prototipusok-2024/raw/main/virtual-pet-game-template.zip|Template letöltése]] | * [[https://github.com/aron123/jatek-prototipusok-2025/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 |
| * margin: 1 px | * margin: 1 px |
| * spacing: 1px*/ | * spacing: 1px |
| |
| ==== 7-8. gyakorlat ==== | ==== 7-8. gyakorlat ==== |
