Workflow do przygotowania i prowadzenia RPG z użyciem nowoczesnych narzędzi

Workflow do przygotowania i prowadzenia RPG z użyciem nowoczesnych narzędzi
===========================================================================

**Author:** *Dzemik_Skrytozerca*

Dla lepszego wygladu artykulu, wklej artykul w plik, np. artykul.md, następnie otwórz w Zed lub Visual Studio Code, i naciśnic CTRL+SHIFT+V.

# Cel

1. Uproszczenie przygotowania sesji.
2. Przyspieszenie publikacji informacji dla graczy.
3. Ułatwienie publikacji HTML (aktualizacja).
4. Szybsze i lepsze użycie materiałów.

# Przygotowania

1. Poznaj Markdown. To arcyprosty sposób pisania dokumentów tekstowych. W skrócie:

```
ZASADA #1: Odrębne elementy oddzielaj pustą linią (dwa razy ENTER).

ZASADA #2: Nazwy plików kończ na .md, np. design_pl.md

# Nagłówek pierwszego stopnia

## Nagłówek drugiego stopnia

Paragraf tekstu.

- Lista nieuporządkowana.

1. Lista uporządkowana.

![nazwa obrazk](URL)

[Tytul Linku](URL)

**wytluszczenie**

*kursywa*

> Cytat.

    Cztery spacje robią wcięcie dla podrzędnego tekstu.

Ten potrójny kopnięty cudzyslów (fachowo: grawis) oznacza początek i koniec kodu.

```

2. Zainstaluj sensowny edytor tekstowy. Notepad++, Zed, Visual Studio Code, Neovim.

3. Przygotuj strukturę katalogów (bonus points jeśli zrobisz to w obrębie Google Drive):

```
Dla systemu Draw Steel (poniższy kod zadziala na Windows 11 i na Linuksie):
-- kod
mkdir draw_steel_project
cd draw_steel_project
mkdir draw_steel_gm
mkdir draw_steel_www
mkdir draw_steel_pc
mkdir draw_steel_assets

-- opis
_gm (materialy przez GMa dla GMa)
_www (szablony, obrazki, strony)
_pc (karty postaci, wprowadzenia dla graczy, dziennik kampanii)
_assets (PDFy podreczników, ciekawe artykuły, materiały znalezione w sieci, surowe obrazki)

```

4. Google Chrome, konto w Google z usługami Google Docs i Google Drive.

# Przygotowanie warsztatu dla mistrza gry

1. Wgraj do _assets PDFy podreczników i materiałów, które będą przydatne do prowadzenia gry.

2. W katalogu _gm utworz pliki manifest.md i faq.md. W manifest.md opisz swoją wizję - ale tylko to, co bezpośrednio ma mieć wpływ na kampanię. Natomiast faq.md to sesja pytań i odpowiedzi, które skupiają się na szczegółach. Na początek wystarczy, że wyobrazisz sobie punkt startowy kampanii, i opiszesz.

3. Wejdź na stronę NotebookLM: (NotebookLM)[https://notebooklm.google/], Try NotebookLM, "+ Create new". 
    - W "or drop your files here" wrzuć wszystkie pliki z _assets, a z _gm i _pc tylko te, w ktorych coś już jest. Uzyj "+ Add sources" by dodawać kolejne źródła w przyszłości. Limit ilości źródeł to 100. Jeśli jakieś zródło uległo zmianie, najlepiej je usunąć i dodać ponownie.
    - zmień nazwę projektu: draw-steel-project

4. W polu promptu wklej następujące polecenie: Review character sheets and pregens. Create a template for a character sheet in Markdown format.

5. Kliknij na "Copy", i wklej skopiowaną zawartość do pliku: draw_steel_pc/pc-charsheet-template.md

6. W Google Drive wejdź do katalogu draw_steel_pc, kliknij "+ New", Google Docs, (upewnij się, że skopiowałeś zawartość wygenerowanego szablonu do clipboardu), Edit/Paste from Markdown.

7. Popraw wygląd karty. Rekomenduję: 
    - zostawić komentarze (gracz może później usunąć), 
    - zmniejszyć marginesy (File/Page setup) do 1,5cm, 
    - ustawić dwie kolumny (Fortmat/Columns), 
    - dodać numerację stron (Format/Page numbers, odznaczyć "Show on first page"), 
    - w nagłówku na drugiej stronie dodać imię postaci (dwuklik na stronie drugiej, dopisac "[Hero Name] | " - oczywiscie na właściwej karcie poprawić).
    - "Untitled document" zmienić na: pc-charsheet-template
    - kliknij po kolei na akapit, nagłówki - ustaw czcionkę na taką, jaka Ci pasuje, a następnie zaktualizuj styl: Format/Paragraph styles/.../Update "Style name" to match
    - Sprawdź czy karta jest czytelna na telefonie (nie będzie numerów stron, nagłówków i dwóch kolumn).

8. Kolejne karty postaci będą tworzone w tym samym katalogu, nazwy tylko powinny zostać zmienione na pc-charsheet-hero_name. Pamietaj też by udostępnić te karty graczom (Share). Tak przygotowane karty będzie można drukować, poprawiać na bieżąco, a interfejsem może być zarówno przeglądarka na notebooku, jak i zwykła komórka.

9. Uwórz plik `draw_steel_gm/gm-journal` w Google Docs jako kopię `draw_steel_pc/pc-charsheet-template` (File/Make a copy, skasuj oryginalną zawartość w nowym pliku). Tu będziesz nanosił zdarzenia z komentarzem GMa. Staraj się dopisać zdarzenia tuż po sesji. Ważne by w części dla GMa były tylko nieoczywiste dla graczy informacje.

```
# Day 0: Arrival to Broadhurst

There is cold drizzle with a hint of a sun to be had later.

```

10. Prompty, by szybko rozwinąć startowy punkt kampanii (po każdym, którego wynik Ci pasuje, wykonaj "Save Note"):
    - Create shops for the starting characters (Delian's Tomb adventure): a grocery shop, a shop with basic tools, a shop with adventuring specials (traveling merchant). For each shop provide name and short description of an owner, a secret favor to be gained in case of winning their trust, 10 items for purchase with prices (6 common, 3 uncommon, 1 premium).
    - Create three colorful local characters, and 10 gossips worth listening to (7 should be exaggerated half-truths, 2 should be useful in encounters related to local threats, hazards or opportunities, 1 should be a joke worth sharing, and 1 should be a nasty and false rumour that may lead to tragedy).
    - Create a weather pattern for the next three weeks: temperature (temperature in Celsius along with descriptor), wind (strength and direction), precipitation (type, strength) if any. Then create a small weather generator (roll 2d10 and find a result, with a roll modified by -2..+2 depending on whether previous roll was colder or warmer than the average).

# Przygotowanie wstępu dla graczy

1. W NotebookLM, w projekcie wpisz po kolei (jedna prezentacja z mechaniką, druga - wprowadzenie w opowieść) następujące prompty - dostosuj do swojej kampanii. Na tym etapie warto, byś w manifest.md miał już własne informacje.
    - Create presentation containing useful information known to starting characters. Focus on game mechanics. Presentation length: at most 3 slides.
    - Create presentation containing useful information known to starting characters. Focus on story basics important for adventurers in Delian Tomb. Use only story information. Presentation length: at most 5 slides.

2. Uwórz plik `draw_steel_pc/pc-journal` w Google Docs jako kopię `draw_steel_pc/pc-charsheet-template` (File/Make a copy, skasuj oryginalną zawartość w nowym pliku). Tu będziesz nanosił zdarzenia jako tytuły, a gracze będą mogli komentować. Podziel się z graczami możliwością edycji. Staraj się dopisać zdarzenia tuż po sesji. Pisz krótko i z perspektywy graczy. Unikaj pisania wszystkiego.

```
# Day 0: Arrival to Broadhurst

There is cold drizzle with a hint of a sun to be had later.

```

# Publikacja HTML

Jest kilka możliwości automatyzacji. W moim przypadku działam następująco:

1. Przygotuj katalogi i szablon.

```
-- kod
cd draw_steel_project
mkdir draw_steel_www
cd draw_steel_www
mkdir site
mkdir template

-- opis
site - szczątkowy site, w którym utworzymy strony do publikacji
template - szablony html, do których będziemy dodawać odnośniki oraz treść `draw_steel_pc/pc-journal`

-- prompt dla NotebookLM
Create HTML5 template with a separate style.css file. The template should scale gracefully on a mobile screen to a single column. The template should have the following areas: top menu, left sidebar, main content area. Top menu should be delimited by topmenu tags. Sidebar content should be delimited by sidebar tags. Main content area should be delimited by article tags. Put placeholder content in tags. For colors and fonts, please use an approximation of fonts and colors used in PDF books.

-- prompt dla ChatGPT (dodaj plik PDF)
Create HTML5 template with a separate style.css file. The template should scale gracefully on a mobile screen to a single column. The template should have the following areas: top menu, left sidebar, main content area. Top menu should be delimited by topmenu tags. Sidebar content should be delimited by sidebar tags. Main content area should be delimited by article tags. Put placeholder content in tags. For colors and fonts, please use an approximation of fonts and colors used in attached PDF.

```
2. Popraw szablony zgodnie ze swoimi oczekiwaniami. Ogólnie oba AI tworzą solidne podstawy, natomiast należy sprawdzić, czy pasuje nam wygląd.
    - popraw topmenu, by wskazywalo na strony sąsiadujące
    - popraw sidebar, by stał się małym spisem treści

3. Przykładowo, by przenieść artykuł `pc-journal` z Google Docs do HTML:
    - skopiuj `draw_steel_www/template/template.html` do `draw_steel_www/site/journal.html`
    - W Google Docs, `pc-journal`, File/Download/Markdown (.md), pobierz dokument w formacie Markdown, i zapisz jako `draw-steel-pc/pc-journal-to-publish.md`
    - skonwertuj .md do HTML. Mozna konwerterem [Free Markdown to HTML Converter](https://markdowntohtml.com/). Ja uzywam dedykowanego batcha i skryptu w Pythonie.
    - skonwertowana zawartosc wklej pomiędzy tagi `article` w `draw_steel_www/site/journal.html`

FIN