Chaotic Cafe – web a editor kartiček
Webový projekt pro prezentaci Chaotic Cafe a tvorbu vlastního herního obsahu. V prohlížečovém editoru lze vytvářet účetní kartičky, propojovat jejich návaznosti a exportovat balíčky pro hru.
-
Kategorie
Webový vývoj
-
Autor / klient
Web a nástroj pro tvorbu obsahu
-
Datum
-
Technologie
Next.js, React, TypeScript
1 / 2
2 / 2
O projektu
Webová prezentace a nástroj pro autory obsahu
Pro Chaotic Cafe jsem vytvořil prezentační web a samostatný editor kartiček v prohlížeči. Web představuje hru a její režimy; editor slouží učitelům a hráčům, kteří chtějí připravovat vlastní účetní situace.
Tvorba kartiček s okamžitým náhledem
V editoru lze vytvářet a upravovat herní kartičky, nastavovat jejich obsah, částky, účetní skupiny a jednotlivé zápisy. Součástí je živý náhled karty, účetní šablony a kontrola rovnováhy podvojného zápisu, která upozorňuje na chybějící protizápis.
Mapa návazností a vyzkoušení scénáře
Kartičky lze spojovat ve vizuální mapě: navázat další kartu na rozhodnutí hráče nebo nastavit pokračování po několika tazích. Simulátor umožňuje projít připravený řetězec a ověřit jeho průběh ještě před použitím ve hře.
Od editoru k obsahu pro hru
Knihovna pomáhá spravovat vlastní karty a rozpracované změny se ukládají v prohlížeči. Hotový obsah lze importovat a exportovat jako balíček .ccpack, který dokáže načíst i hra. Editor tak umožňuje vytvářet další cvičení podle potřeb výuky.
Webové technologie
Prezentační web používá Next.js, React, TypeScript, Tailwind CSS a PostgreSQL a má zázemí pro správu obsahu. Editor je samostatná aplikace v Reactu a TypeScriptu, sestavovaná přes Vite; mapa karet využívá React Flow. Pro provoz používám Docker.
Související herní projekt
Samotný vývoj v Unity, herní režimy a multiplayer představuji v projektu Chaotic Cafe – účetní hra.
Shrnutí zadání
Webový projekt pro prezentaci Chaotic Cafe a tvorbu vlastního herního obsahu. V prohlížečovém editoru lze vytvářet účetní kartičky, propojovat jejich návaznosti a exportovat balíčky pro hru.