[7 napos] AI-támogatású szórakoztató játékfejlesztés

Már egy hete elkezdtünk egy D&D5e alapú webjátékot készíteni a Perplexity.AI segítségével.

Ma is inkább a belső architektúra fejlesztésére koncentráltunk, mint a tartalomra, hogy még robusztusabb játékot hozzunk létre.

★ Rétegzett vászon használata

Egyetlen vászon helyett háromra osztottuk a vásznat (háttér, felhasználói felület, karakter), hogy jobban kezelhető legyen.

Így a teljes újrarajzolás helyett csak a frissítésre szoruló részeket kell újrarajzolni és összefűzni,

ami (az AI szerint) javítja a teljesítményét. ㅎㅎ

És most tanultam meg, hogy a vászonkezelésnél, ha nincs save és restore, akkor az elemek kölcsönösen befolyásolják egymást,

így ha pontosan akarjuk megjeleníteni a vásznon az elemeket, akkor a save és restore funkciókat kell használni.

★ Átállás ESM-re

Korábban az összes js-t <script> taggel töltöttük be az html-ben, de ahogy a kód egyre nőtt, a js fájlok mérete is...

Ezért először a régi emlékeim alapján a require.js-t akartam használni, de az AI tanácsot adott.

Köszönet neki, most már ESM-re építjük a kódot. Mostantól függetlenül attól, hogy mennyire nő a kód mérete,

A fentiek szerint csak a moduleként deklarált main.js fájlt kell az index.html-ben megadni. Jó így.

Miután átalakítottuk a szerkezetet, a következő funkciókat is hozzá tudtuk adni.

★ Létesítmény interakció implementálása

Ha belépünk egy létesítménybe, akkor megjelenik egy párbeszédpanel a választható opciókkal, és kattintással (érintéssel) lehet interakcióba lépni.

Ez lesz az alapja a további rendszerek bővítésének. Sok hibát és módosítást kellett elvégezni a fejlesztés során,

de most már jól működik, OK.

Most már megjelenik a párbeszédpanel a választható opciókkal, és a kattintás is működik. A fenti területjelzés is jó helyen van.

És a harcban is, a támadás eredményétől függően, az alábbiak szerint jelenik meg az effektus!

Találat esetén Hit! Kritikus találat esetén Critical! felirat jelenik meg. Tegnap még ez sem működött jól, haha..

A kód átszervezése és a struktúra javítása után sokkal jobban működnek az implementált funkciók.

Mivel a játék elején betöltjük az összes képet, így egy betöltőképernyőt is implementáltunk.

Valahogy... most már sokkal inkább játéknak tűnik.

Úgy tűnik, hogy a rendezés és az alapok lefektetve lettek, így elkezdhetjük a következő lépés implementálását.

Először is, a varázsló osztály számára varázslási rendszert, a tolvaj és harcos osztályok számára extra akciókat kell implementálni,

valamint a felfedezés során aktiválódó eseményeket, falusi interakciókat, küldetéseket, pihenést, tárgykereskedelmet, szkriptírást, stb...

Ó, még mindig rengeteg dolgom van!?

De az AI segítségével vidáman haladunk előre.

Tesztcím: https://ggoban.com/d2ng/

GitHub cím: https://github.com/d2ng/