IT Business ServicesIT Business Services
HUEN
Ügyfélkapu →
← Vissza a hírekhez
AI DEMÓ · 8 perc olvasás · 2026.06.30.

A Misi-protokoll: mire képes az AI egy nem-szakértő kezében, 2026-ban?

Két böngészős űr-shootert készítettünk technológiai demonstráció céljából — hogy megmutassuk, hol tart ma az AI, amikor a billentyűzet mögött nem egy rutinos játékfejlesztő ül.

Az ITBS IT-szolgáltató cég, nem játékstúdió. Néhány este alatt mégis összeállt két teljes böngészős játék — egy stílusos 2,5D-s shooter és egy teljes 3D-s, Three.js-re épülő, mozis utófeldolgozású folytatás. Nem azért készültek, hogy játékfejlesztők legyünk; azért, hogy választ adjunk egy, az ügyfeleinket is érdeklő kérdésre: meddig jut ma el egy kíváncsi, nem-szakértő felhasználó pusztán AI-eszközökkel?

Az őszinte válasz minket is meglepett. A látvány, a zene, a 3D-elemek és a több tízezer sornyi játékkód szinte teljes egészében AI-segítséggel készült — olyasvalaki kezében, aki nem hivatásos játékprogramozó, 3D-grafikus, zeneszerző vagy illusztrátor. Pontosan ez a demó lényege: nem maga a játék, hanem amit képvisel.

Az AI-eszköztár

A 2D grafikákat — karakterkártyák, hajó-sprite-ok, hátterek — a DALL·E generálta. A zene és a hang-atmoszféra a Suno-val készült. A 3D-modelleket és karaktereket a Meshy hozta létre (kép→3D és szöveg→3D, automatikus rigeléssel). A teljes kódbázist pedig — a motort, az utófeldolgozó-láncot, a 6DOF repülésmodellt, az ellenfél-MI-t, a felületet — a Claude AI segítségével írtuk.

Ezek az eszközök néhány éve még nem léteztek ebben a formában. Hogy ma egy nem-szakember kezében összeállnak egy koherens, jól kinéző, játszható termékké, sokat elárul a terület tempójáról — és arról, mi válik lehetségessé azoknak a cégeknek, amelyek megtanulják jól használni őket.

A Misi-protokoll 2. rész — 3D űrcsata robbanásokkal az Orion-szektorban
2. rész — 3D űrcsata az Orion-szektorban (valós idejű bloom, robbanások, aszteroidamező).

Két játék, egy történet

Az első rész egy 2,5D-s, canvas-alapú, kézzel rajzolt hangulatú shooter; a második egy teljes 3D-s, szabad-repülésű (6DOF), „AAA"-igényű folytatás. Mindkettő itt, a böngészőben játszható — telepítés és plugin nélkül:

A Misi-protokoll — a 3D karakter-bemutató (Meshy modellek, valós idejű fény)
A 3D karakter-bemutató — Meshyvel generált modellek, valós idejű animációval és megvilágítással.

Közel 150 grafikai feature

Hogy érzékeltessük, mennyi részlet fér ma egy AI-segítette hobbi-projektbe, íme a háttérben dolgozó vizuális megoldások, effektek és renderelési trükkök közel teljes listája — csoportosítva, soronként egy rövid leírással.

2. rész — Utófeldolgozás

  1. HDR bloom (UnrealBloom) — magas küszöbű ragyogás, csak a valóban fényes források izzanak fel.
  2. ACES filmes tónustérképezés — mozis dinamikatartomány-leképezés sRGB kimenettel.
  3. SSAO — mélység-alapú kontakt-árnyékok a tárgyak tövénél.
  4. Mélységélesség (DoF/bokeh) — a távoli háttér homályosodik, a harci sík éles marad.
  5. FXAA élsimítás — gyors, teljes képernyős élsimító menet.
  6. Kromatikus aberráció — a szélek felé erősödő, becsapódásra/boostra felpulzáló színszéthúzás.
  7. Vignetta — lágyan sötétedő képszél.
  8. Filmszemcse — finom, mozis zaj-réteg.
  9. Háromszög-dithering — a köd-gradiensek sávozódása elleni zaj.
  10. Volumetrikus god rays — valódi fényszóródás a Nap felé, okklúzióval.
  11. Lencse-flare ghostok — a Nap körüli, képen átúszó szellem-fényfoltok.
  12. Biom-LUT színgrade — árnyékot és csúcsfényt külön árnyalat felé húzó színkezelés.
  13. Biom-tint + szaturáció-grade — fényerő-tartó színhangolás a biom színe felé.
  14. Kill-color-pop — találatkor pillanatnyi szaturáció-kiugrás.
  15. Low-HP vörös perem-pulzálás — alacsony életnél a képszél vörösen lüktet.
  16. Diszperziós hőtükör-torzítás — a fúvókák/láva körüli UV-hullámzás extra színszórással.
  17. Lökéshullám-refrakció — a robbanásokra kibocsátott, táguló gyűrűs képtorzítás.
  18. Radiális sebesség-elmosás — boostnál a szélek felé finoman beúszó mozgáshatás.
  19. Kamera-reprojekciós motion blur — valódi, per-pixel sebesség-alapú elmosás (a motor része).
  20. Ortografikus „izó" kamera-mód — párhuzamos vetítésű, 2,5D-érzetű kameramód 3D-ben.
  21. Dinamikus környezeti reflexió — élő cube-map: a fémfelületek a valós jelenetet tükrözik.
  22. IBL/PMREM env-map — procedurális környezeti megvilágítás a fémes hajók csillogásához.
  23. Teljesítmény-mód — futásidejű minőség-csökkentés gyengébb gépekhez.

2. rész — Robbanás-, törmelék- és részecske-effektek

  1. GPU-particle robbanás — lágy, izzó gömb-textúrás additív szikra-kitörés.
  2. Kétrétegű robbanás-paletta — fehér magvillanás + arany + narancs szikrarétegek.
  3. Méretezett detonációk — kis / nagy / „huge" robbanás külön részecske- és törmelékmennyiséggel.
  4. Lökéshullám-gyűrűk — táguló, lecsengő additív karikák; nagy robbanásnál dupla gyűrű.
  5. Valódi 3D roncs-törmelék — szétroncsolt alkatrész-modellek pörögve, fokozatos elhalványulással.
  6. Ribbon-szikra szilánkok — rövid, kifelé lőtt additív fény-csíkok.
  7. Sodródó füst-pamacsok — lassan emelkedő, táguló, fakuló füst-sprite-ok.
  8. Villámív-effekt — tört, recés, pislákoló energia-ív a sérült boss-részek között.
  9. Késleltetett klaszter-pukkanások — másodlagos kis detonációk a nagy robbanás után.
  10. Perzselés-decal — halmozódó, izzó-szélű égésnyomok a célponton.
  11. Tórusz muzzle-gyűrű — a csőtorkolatnál táguló, villámgyors plazma-karika.
  12. Becsapódás-szikra — a páncélon a lövés irányába szóródó szikrazápor.
  13. Típusonkénti halál-VFX — minden ellenféltípusnak egyedi színű/karakterű halál-effektje.

2. rész — Környezet és epikus háttér

  1. Háromrétegű, parallaxos csillagmező — eltérő méretű, pislákoló, lassan forgó csillagrétegek.
  2. Csillag-pislákolás — időfüggő opacitás-moduláció a csillagokon.
  3. Procedurális galaxis-sáv — korong-eloszlású, színkódolt csillagpont-szalag.
  4. Galaxis-ködfény — nagy, halvány additív glow a galaxissáv köré.
  5. Áthaladó üstökös — folyamatosan átsuhanó, visszatérő fényes sprite.
  6. Hullócsillag-streakek — véletlenszerűen lehulló fény-csíkok (warpkor besűrűsödve).
  7. Instancelt aszteroidamező — valódi 3D sziklák a kamera köré csomagolva (minden irányban).
  8. Por-réteg — finom, additív űrpor a kamera körül.
  9. Por-zsebek — sűrűbb, csak közelről felizzó porfelhő-gócok.
  10. Sebesség-streak por-réteg — boostnál megnyúló por-csíkok.
  11. Raymarchelt volumetrikus köd — 3D zajjal felépített, átrepülhető térfogati ködfelhő.
  12. Élő, örvénylő nebula-sprite-ok — lüktető, forgó, biom-színű köd-foltok.
  13. Nap + kétrétegű ragyogás — fényes magkorong + két méretű additív glow-burok.
  14. Anamorf lencsefény-csík — széles, vízszintes sci-fi fény-sáv a Napra.
  15. Háttér-flotta — távoli, lassan forgó nagy hajók/roncsok a lépték érzékeltetésére.
  16. Távoli háttér-csata — apró izzó hajók tracer-villanásokkal és robbanás-flashekkel.
  17. Warp-alagút átvezetés — világváltáskor elsuhanó hiperugrás-cső.
  18. Köd + exponenciális ködszín — biomonként hangolt hangulati mélység.

2. rész — Az öt világ-biom

  1. ORION aszteroida-szektor — hideg kék paletta, forgó űrállomásokkal.
  2. Jégbolygó rendszere — fagyos kék bolygó relief-domborzattal, jég-kristályfürtök.
  3. Adat-nebula — zöld neon adat-rács + forgó data-monolitok + zöld parázs.
  4. Vörös törpe — lávabolygó — izzó lávabolygó, szálló láva-sziklák, izzó köd.
  5. A fekete lyuk magja — fekete mag + akkréciós korong + halo + a lebegő „Második Mag".
  6. Bolygó relief-textúra — procedurális magasság→normál-térkép a sima gömbökön.
  7. Fresnel-atmoszféra perem — a bolygók körüli izzó légkör-glow.
  8. Forgó felhőréteg — a bolygó köré fűzött, sodródó felhő-héj.
  9. Ellen-forgó felhő-sáv — terminátor menti, örvénylő gázsávok parallaxa.
  10. Lávabolygó-glow + füst-felhőréteg — izzó atmoszféra és örvénylő füst.
  11. Adat-rács kettős GridHelper — alsó és felső neon-rácssík.
  12. Parázs-részecske réteg — láva/adat világban felszálló parázsszemek.

2. rész — Hajó-, fegyver- és pajzs-effektek

  1. Procedurális PBR hajómodellek — többrészes hajótest, kabintető, nyilazott szárnyak.
  2. Izzó hajtómű-kúpok + pontfények — emissive fúvókák színkódolt fénnyel.
  3. Hajtómű-izzás pulzálás — lobogó emissive, boostra felerősödve.
  4. Látható hajtómű-láng (afterburner) — cruise-nál rövid-kék, boostra hosszú-fehér jet.
  5. Fehér-forró belső láng-mag — a bloom-magot adó, boostnál felfénylő kúp.
  6. Ribbon-csóva (boost-streak) — a hajó mögött húzódó, fakuló fénycsík-szalag.
  7. Kupola specular sweep — a kabintetőn végigfutó fény-csillanás.
  8. Kupola csillagfény-tükörpont — a Nap apró tükröződése a kabintetőn.
  9. Hős perem-fény (rim light) — hideg kék kontúrfény, boostra felizzik.
  10. Pajzs-buborék — fresnel-glowos additív gömb aktív pajzsnál.
  11. Muzzle-flash pontfény — tüzeléskor felvillanó, lecsengő fény az orrnál.
  12. Dinamikus becsapódás-fények — a találatok közelében felvillanó pontfények.
  13. Plazma-bolták (kétrétegű) — forró mag + additív csóva-burok + plazma-fej.
  14. Kombó-függő bolt-szín — magas kombónál forró kékesfehér plazma.
  15. Fegyverszint-skálázás — nagyobb, fényesebb bolták + szórásminta + homing-rakéta.
  16. Színkódolt boltfajták — játékos arany, ellenfél pink, rakéta narancs.
  17. Harci módban szétnyíló szárnyak — dinamikus szárny-mozgás.
  18. Sérülés-hull-sötétedés — alacsony HP-nál a hajó sötétül és vörösen izzik.
  19. Sérülés-állapot effektek — kritikus HP-nál füst, szikra, pattogó villámív.

2. rész — Ellenfelek és bossok

  1. Warp-in skálázás — az ellenfelek kicsiből nőnek ki, megjelenés-villanással.
  2. Procedurális hideg-klón proxyk — szögletes, türkiz magú MISI-X klónok.
  3. Világonként egyedi boss-forma — jég, láva-kőzet, adat-kocka, fekete-lyuk torus-knot.
  4. Pulzáló boss-mag — a fázisszámmal erősödő mag-lüktetés.
  5. Boss energia-csápok — izzó, hullámzó, kifelé nyíló additív kar-nyalábok.
  6. Ray-marched akkréciós korong — örvénylő, doppler-aszimmetriás, önragyogó disk.
  7. Boss fázisváltó lökéshullám — robbanás + leváló páncéllemezek + magvillanás.
  8. Sérült boss füst/szikra + villámív — alacsony HP-nál típus-effektek.
  9. Tüzelés-telegraph — a boss lövése előtti piros figyelmeztető villanás.
  10. Lánc/terület-robbanás vizualizáció — area-damage szikra- és halál-effektek.

2. rész — HUD, UI és kamera

  1. Animált holografikus HUD-keret — sarok-elemek finom ragyogással.
  2. Pásztázó scanline — lassan le-fel mozgó fény-vonal a HUD-on.
  3. Cinematic letterbox — boss-intró alatt felúszó fekete sávok.
  4. Lebegő pont-számok — a kill helyén felugró, elúszó pontérték.
  5. Kombó-keret izzás — a kombóval erősödő, frenzykor lüktető képszél-glow.
  6. Frenzy hue-rotate pulzálás — frenzy módban a HUD színe lüktet.
  7. Cél-zár keret — a közeli ellenfél köré méreteződő cél-keret.
  8. Lock-on reticle — vonalban lévő ellenfélnél átszíneződő, felizzó célkereszt.
  9. Repülési-pálya marker — a simított sebességirányba vetített jel.
  10. Sérülés-irány jelző — a találat forrása felé forgatott vörös ív.
  11. Szegmentált boss-életcsík — találatkor megrezzenő, csíkozott HP-sáv.
  12. HP-„chip" sáv — a fő életcsík mögött lemaradó fehér jelzősáv.
  13. 2D lapos radar — orr-középpontos, peremen a „mögötted" zónával.
  14. 3D buborék-radar — ferde gömb az ellenfelek valódi 3D pozíciójával.
  15. Sérülés-flash + sebzés-vignetta — találatkor felvillanó vörös réteg.
  16. Jég-világ frost-overlay — jeges biomban találatkor jegesedő képszél.
  17. Star Wars-os 3D crawl — perspektívában döntött, felgördülő nyitószöveg.
  18. Pálya-/hullám-feliratok — felúszó-elhalványuló cím-szövegek.
  19. Bomba-flash — teljes képernyős fény + lökéshullám + rázás.
  20. Fotómód — HUD elrejtése + keringő, cinematic kamera.
  21. 6DOF üldöző kamera + banking — a kamera bedől a kanyarba.
  22. G-erő mikrorezgés — sebességgel/boosttal arányos finom kamera-remegés.
  23. Robbanás-kamerarázás + FOV-kick — trauma-alapú rázás és látószög-rúgás.
  24. Slow-motion / hit-stop — boss-halálnál és nagy kilövéseknél lassított idő.
  25. Boss-intró cinematic ráközelítés — FOV-szűkítés a boss érkezésekor.

2. rész — 3D hero-roster és átvezetők

  1. Valódi 3D hero-belépők — a kártyák helyett önálló jelenetben renderelt 3D figurák.
  2. Fenyegető vörös színpad — sötét, tükröző padló + izzó vörös perem-gyűrű.
  3. Hero-roster bloom + env-map — saját bloom-menet és környezeti tükröződés.
  4. Folyamatos szikraeső — recyclelt, sodródó, pislákoló szikra-részecskék.
  5. Beröffenő FX (burst) — skála-overshoot + lökéshullám-gyűrű + szikra + flash.
  6. Procedurális csont-animációk — karakterenként egyedi idle (feltöltés, kávékortyolás, csavarkulcs…).
  7. Procedurális járás/futás-ciklus — láb-/kar-lengés belépéskor (sétál/szalad/botladozik).
  8. Periodikus erő-feltöltés (surge) — a vörös repedések felizzanak + szikra-kitörés.
  9. Emissive-glow lélegzés — a karakter izzó anyagai folyamatosan pulzálnak.
  10. Belépés-irányba fordulás — menetirányba néz, a célnál befordul a kamera felé.
  11. Hero név-slam + tagline — a név beslammel (glitch-csel a gonosznál), a tagline felfakul.
  12. Kártya-montázs (cardSweep) — 5 hős-kártya legyezőbe úszik, MISI-X kártyája berobban és kisöpri mindet.
  13. Portrés párbeszéd-átvezetők — kártya-arckivágásból renderelt portrék, glitch-effekttel.

1. rész — 2,5D canvas-effektek

  1. Izometrikus 2,5D vetítés — mélység-rendezett (Y-sortolt) sprite-világ.
  2. Kétlépcsős canvas-bloom — szoros glow + tágabb halo, ami a zenére lüktet.
  3. Parallax-háttér kamera — rétegenként eltérő eltolódás a játékos mozgásával.
  4. Procedurális bolygó-backdrop — terminátor, gyűrű, kísérő hold, pályánként más téma.
  5. Háttér-mikroélet — távoli állomás-sziluett, üstökös, horizont-villanások.
  6. Csillagmező + hullócsillagok — fényes fejű, csóvás kométák.
  7. Neon talajrács — lüktető, a horizont felé ködbe olvadó perspektív-rács.
  8. Irányos lágy árnyékok — fényforrással szemben eltolt, távolsággal halványuló foltok.
  9. Additív dinamikus pontfények — hajtómű/lövedék/powerup/boss-mag körüli glow.
  10. Anamorf lencsefény + halo — vízszintes fénycsík + ragyogó pöttyök a boss-magnál.
  11. Részletes rajzolt vadászgép — hajtómű-lángok, szárnyak, gondolák, pilótafülke, panelvonalak.
  12. Görbe hajtómű-lángcsóva — kék-cián burok + forró mag, sebességgel nyúlva.
  13. Robbanás-rendszer — szikramag + forgó szilánkok + füst + tűzgömb + dupla gyűrű.
  14. Becsapódás-szikra + power-up implózió + parázs — célzott szikra, befelé örvénylő begyűjtés, ambient parázs.
  15. CRT/glitch boss-effektek — RGB-széttolt szellemképek, szkennvonalak, villogás a menekülő bosson.
  16. Kromatikus aberráció + szemcse + vignetta — színszéthúzó képszél, mozis zaj, sebzés-vignetta.
  17. Szín-grade + warp-vonalak + tűzijáték + Misi-arc/címer — pályánkénti grade, level-váltó ugrás-vonalak, győzelmi tűzijáték, rajzolt „Galaktikus Hódító" arc és címer.

Ez nagyjából 150 különálló grafikai feature a két játékban — és nem a szám a lényeg, hanem hogy mindez AI-jal, nem-szakértő kezében állt össze.