---
title: 'Papír vázlat'
url: 'https://wiki.teletypegames.org/hu/development/paper-sketch'
markdown: 'https://wiki.teletypegames.org/hu/development/paper-sketch.md'
lang: hu
date: '2026-06-05'
description: 'Irányelvek egy játék papíron való megtervezéséhez, még mielőtt egy sor kód is születne. 🤔 Miről kell döntened? 🎮 Műfaj A műfaj dönti el a kamerát, az irányítást és a pályatervezést. Műfaj Mit csinálsz Fő jellemzők Példák Platformer platformokra ugrálsz, kitérsz, eléred a célt gravitáció,…'
taxonomy:
  tag:
    - howto
---

# Papír vázlat

> Irányelvek egy játék papíron való megtervezéséhez, még mielőtt egy sor kód is születne.

# 🤔 Miről kell döntened?

## 🎮 Műfaj

A műfaj dönti el a kamerát, az irányítást és a pályatervezést.

| Műfaj | Mit csinálsz | Fő jellemzők | Példák |
|---|---|---|---|
| **Platformer** | platformokra ugrálsz, kitérsz, eléred a célt | gravitáció, ugrásidőzítés, precíz mozgás | 🍄 Super Mario Bros · ❄️ Celeste · 🕷️ Hollow Knight |
| **Felülnézetes** | labirintusok, lövöldözés, gyűjtögetés | 360°-os mozgás, szobáról szobára, látómező | 🗡️ Zelda: A Link to the Past · 🔫 Hotline Miami · 💀 Enter the Gungeon |
| **Logikai** | kapcsolók, kulcsok, logika | nincs időnyomás, a megoldás maga a jutalom | 🟠 Portal · 🐸 Baba Is You · 🏛️ The Witness |
| **Végtelen futó** | mozgásban maradsz, túlélsz | automatikus haladás, egy gomb, növekvő sebesség | 🏃 Temple Run · 🚇 Subway Surfers · 🔷 Geometry Dash |
| **Tower defense** | tornyokat raksz le, megállítod az ellenséget | elhelyezés, erőforrások, ellenséghullámok | 🌿 Plants vs. Zombies · 🎈 Bloons TD · ⚔️ Kingdom Rush |
| **Metroidvania** | felfedezel, képességeket szerzel, visszatérsz | összefüggő térkép, képességkapuk, visszajárás | 🤖 Metroid: Zero Mission · 🏰 Castlevania: SotN · 🌱 Ori and the Blind Forest |

## 🎯 Cél

Egyetlen konkrét, mérhető cél: gyűjts össze 5 kulcsot · érd el a kijáratot · élj túl 60 másodpercet · győzd le a bosst · szerezz 1000 pontot.

Egy pályán lehet **1 fő cél + 1 opcionális cél**. Tartsd láthatóan és számlálhatóan a képernyőn („3/5 kulcs").

## ❌ Vesztési feltétel

Válassz egyet: elfogy az életerő · lejár az idő · leesel a pályáról · elkap egy ellenség · elfogynak az erőforrások.

Vesztési feltétel nélkül nincs tét. Egyértelműen közöld a játékossal, ha bekövetkezik — animációval, hanggal, szöveggel.

## 🔁 Alapciklus

Az a cselekvéssor, amit a játékos ismételget. Ha unalmas, a játék is unalmas.

| Műfaj | Ciklus |
|---|---|
| Platformer | mozgás → ugrás → kitérés → gyűjtés → haladás |
| Lövöldözős | mozgás → célzás → lövés → fedezékbe húzódás |
| Logikai | megfigyelés → gondolkodás → próbálkozás → megoldás → következő pálya |
| Felülnézetes RPG | felfedezés → harc → zsákmány → szintlépés |

A legjobb ciklusok egyszerűek, de mélyek: könnyű megtanulni, nehéz mesterévé válni.

---

# ✏️ Mit érdemes lerajzolni?

## 🗺 Pályatervezés

Használj kockás papírt. Jelöld: start, cél, platformok és falak, veszélyek, ellenségek, gyűjthetők, ellenőrzőpontok.

Tedd fel a kérdéseket:

- Van biztonságos zóna?
- Hol lesz nehezebb?
- Van visszaút?
- Hogyan vezeted a játékost a cél felé?

A mechanikát az elején tanítsd meg, veszély nélkül. Aztán lépésről lépésre emeld a nehézséget.

## 🧍 Játékoskarakter

Rajzold le a kinézetét, a pályához viszonyított méretét, és a hitboxot téglalapként. Írd mellé: sebesség, ugrásmagasság, életerő, különleges képességek.

## 👾 Ellenségek

Típusonként: hogyan mozog, okoz-e sebzést, mennyi életereje van, kikerülhető-e vagy meg kell ölni, van-e gyenge pontja.

Tervezz 1–2 típust, ne 5-öt. Mindegyiknek adj olyan mozgásmintát, amit a játékos megtanulhat.

| Típus | Mozgás | Fenyegetés | Legyőzhető? |
|---|---|---|---|
| Járőr | oda-vissza | alacsony | igen |
| Vadász | a játékos felé tart | közepes | igen |
| Ágyú | helyben áll, lő | közepes | opcionális |
| Boss | összetett minta | magas | kötelező |

## 🖥 UI

Vázold fel a képernyőt. Felső sáv: életerő, pontszám, idő, gyűjthetőszámláló. Külön képernyők: game over, győzelem, szüneteltető menü.

Tartsd minimálisan a HUD-ot — csak az legyen rajta, amit a játékosnak folyamatosan látnia kell.

---

# 📋 Mit érdemes leírni?

## 📝 Mini tervezői dokumentum (1 oldal)

**Cím** — rövid és kifejező. Utaljon a mechanikára („Jump King") vagy a hangulatra („Celeste"). Legyen könnyen megjegyezhető és kimondható.

**Liftbeszéd** — 1–2 mondat: *„Pörgős platformer, amiben az óra ellen versenyezve gyűjtesz kulcsokat."*

Sablon: „Ez egy \[műfaj\], amiben a játékos \[fő cselekvés\], hogy \[cél\], miközben \[kihívás\] vár rá." Válaszolnia kell arra, hogy ki játszik vele, mit csinál, és miért izgalmas.

## 📜 Szabályok

**Mozgás** — 4 irány? ugrás? sprint? dupla ugrás? guggolás vagy csúszás? falugrás? Minden lehetőség egy új mechanika, szóval óvatosan add hozzá őket.

**Harc**, ha van — sebzés mértéke, visszatöltődés, közelharc vagy távolsági, blokkolás vagy hárítás, hátralökés. Egy alaptámadás plusz hátralökés bőven elég az első játékhoz.

**Pontozás** — pl. érme = 10, ellenség = 50, gyors befejezés = bónusz, sérülésmentes teljesítés = bónusz. Kérdezd meg, mire motivál ez. Számold ki a pályánkénti maximális pontszámot; segít a nehézségi görbénél.

**Nehézség** — több ellenség, gyorsabb mozgás, kevesebb idő, kevesebb élet, kisebb platformok, nehezebb minták. Fokozatosan emeld:

1. **Tutorial** — a mechanika megtanulása veszély nélkül
2. **Könnyű** — a tanultak használata
3. **Közepes** — mechanikák kombinálása
4. **Nehéz** — gyors döntések, precizitás
5. **Boss** — minden egyszerre

---

# 📚 Alapfogalmak

## ⚙️ A motorháztető alatt

- **Játékciklus** — az ismétlődő kör: bemenet → frissítés → renderelés, másodpercenként 30–60-szor.
- **FPS** — hányszor fut le a ciklus másodpercenként. A 30 elfogadható, a 60 sima, a 120+ versenyszintű.
- **Delta idő (Δt)** — az utolsó két képkocka között eltelt idő. Nélküle a játék gyorsabb gépen gyorsabban fut.
- **Eseményrendszer** — a játék részei úgy beszélnek egymással, hogy nem ismerik egymást: egy „a játékos meghalt" esemény frissíti a felületet és lejátszik egy hangot.

## 🎨 Vizualitás

- **Sprite** — egy tárgy 2D-s képe.
- **Spritesheet** — sok animációs képkocka egyetlen képen; a játék végigpörgeti őket.
- **Csempe / csempekészlet** — négyzet alakú építőelemek (fal, fű), és a belőlük álló készlet.
- **Parallax görgetés** — háttérrétegek különböző sebességgel. A közeli rétegek gyorsabban, a távoliak lassabban mozognak. Ez ad mélységet.
- **Z-sorrend** — rétegzés: a magasabb Z takarja az alacsonyabbat.
- **Pixelart** — alacsony felbontású, pixelenként rajzolt grafika. Retró stílus, amit egy kezdő is meg tud csinálni.

## 💥 Fizika és interakció

- **Hitbox** — láthatatlan terület az ütközéshez. Gyakran kisebb, mint a sprite, mert az igazságosabbnak érződik.
- **Hurtbox** — ahol a karakter sebzést kaphat. Egy kardcsapás hitboxa ne sértse a saját gazdáját.
- **Ütközés** — két hitbox találkozik, és a játék ezt észreveszi.
- **Trigger** — olyan hitbox, amin átsétálsz, és eseményt vált ki: kinyílik egy ajtó, megjelenik egy párbeszéd.
- **Raycasting** — láthatatlan sugár, lövedékpályához vagy látóvonal-ellenőrzéshez.
- **Gravitáció** — a lefelé húzó erő, ami az ugrást formálja. Erősebb gravitáció gyorsabb esést és rövidebb ugrást jelent.

## 🧠 Játékmenet és logika

- **Mechanika** — egyetlen játékmeneti elem: ugrás, lövés, falugrás.
- **Állapotgép** — a karakter aktuális állapota. Ugrani csak „a földön" állapotból lehet. Állapotok: tétlen → fut → ugrik → esik → sérült → halott.
- **Visszatöltődés** — két cselekvés közti várakozási idő, pl. fél másodpercenként egy lövés.
- **Spawn** — egy objektum megjelenése a pályán.
- **UI kontra HUD** — a UI a menük és képernyők; a HUD a játék közbeni adat (életerő, lőszer, pontszám).

## 🎲 Tervezés

- **Balanszolás** — ne legyen se túl nehéz, se túl könnyű. A cél a tisztességes kihívás.
- **Nehézségi görbe** — milyen gyorsan nő a nehézség. Ideális: fokozatos, csúcsokkal, amelyek mindig visszatérnek egy pihenőzónába.
- **Metajáték** — a játékmeneten túli rendszerek: haladás, gyűjtögetés, ranglisták.
- **Juice / game feel** — apró effektek, amelyektől egy mechanika kielégítővé válik: ugrásnál összenyomódás, találatnál képernyőrázás, egy hang.
- **Onboarding** — ahogyan a játékos megtanulja a szabályokat. A legjobb, ha a játék szöveg nélkül tanítja meg.

---

# ⏱️ Eseményütemterv (3 óra)

| Idő | Fázis | Tartalom |
|---|---|---|
| 15 perc | Bevezetés | Mi a játék célja? Mi az alapciklus? Egy példa a táblán. |
| 20 perc | Koncepció | A csapatok kiválasztják a műfajt, a célt, a vesztési feltételt és a 3 fő mechanikát. |
| 30–40 perc | Pályatervezés | Első vázlat: nehéz szakasz, biztonságos szakasz, ellenségek elhelyezése. |
| 20–30 perc | Szabályok | Pontozás, életerő, sebzés, idő. |
| 20 perc | Papíralapú playtest | Az egyik csapat „lejátssza" egy másik csapat pályáját: érthető-e, túl nehéz-e, van-e benne stratégia? |
| 5–10 perc / csapat | Bemutató | Mitől egyedi, kinek szól, hogyan működne digitálisan? |

---

# 🚀 Haladó kérdések

- Mi a játék fantáziája? Minek érzi magát a játékos — hősnek, felfedezőnek, túlélőnek? Mit él át, amit a valóság nem adhat meg neki?
- Van haladási rendszer? Szintek, képességfa, felszerelés?
- Mi a jutalomérzés — mikor és miért gondolja a játékos, hogy „ez most nagyon jó volt"?
- Mi a hangulat? Következetes a szín, a zene és a tempó?
- Mi az egyedi kapaszkodó a hasonló játékokkal szemben?
- Hogyan tartja fenn a játék a figyelmet 10 perc után?

'; var prevLevel = 2; for (var i = 0; i < headings.length; i++) { var h = headings\[i\]; var text = h.textContent.trim(); var slug = text.toLowerCase() .replace(/\[áàâä\]/g,'a').replace(/\[éèêë\]/g,'e').replace(/\[íìîï\]/g,'i') .replace(/\[óòôöő\]/g,'o').replace(/\[úùûüű\]/g,'u') .replace(/\[^a-z0-9\]+/g, '-').replace(/^-|-$/g, ''); if (!slug) slug = 'heading-' + i; if (used\[slug\]) { slug += '-' + i; } used\[slug\] = true; h.id = slug; var level = parseInt(h.tagName.charAt(1)); var cls = level > 2 ? ' class="toc-child"' : ''; html += '- [' + text + '](#'%20+%20slug%20+%20')
'; } html += '
'; toc.innerHTML = html; // Scroll-spy: highlight current heading var links = toc.querySelectorAll('a'); var ids = \[\]; for (var j = 0; j < links.length; j++) ids.push(links\[j\].getAttribute('href').slice(1)); function updateActive() { var current = ''; for (var k = 0; k < ids.length; k++) { var el = document.getElementById(ids\[k\]); if (el && el.getBoundingClientRect().top <= 80) current = ids\[k\]; } for (var m = 0; m < links.length; m++) { links\[m\].parentNode.classList.toggle('active', links\[m\].getAttribute('href') === '#' + current); } } window.addEventListener('scroll', updateActive, { passive: true }); updateActive(); })();

---

## Navigation

- Parent: [Fejlesztés](https://wiki.teletypegames.org/hu/development.md)
- Previous: [LibreSprite](https://wiki.teletypegames.org/hu/development/libresprite.md)
- Next: [Pixelorama](https://wiki.teletypegames.org/hu/development/pixelorama.md)