mirror of
https://github.com/morbalint/kemkas.git
synced 2026-07-18 03:13:46 +00:00
add kepzettsegek to the PDF
This commit is contained in:
@@ -2,12 +2,14 @@ import {Faj} from "./faj";
|
||||
import {Osztaly} from "./osztaly";
|
||||
import {KarakterTulajdonsagok, Modifier} from "./tulajdonsag";
|
||||
import {CalculateMasodlagosErtekek, KarakterMasodlagosErtekek} from "./masodlagos_ertekek";
|
||||
import {Kepzettseg} from "./kepzettsegek";
|
||||
|
||||
export interface Karakter {
|
||||
Name: string
|
||||
Faj: Faj
|
||||
Osztaly: Osztaly
|
||||
Tulajdonsagok: KarakterTulajdonsagok,
|
||||
Szint: number
|
||||
MasodlagosErtekek: KarakterMasodlagosErtekek
|
||||
HP: () => number
|
||||
VO: () => number
|
||||
@@ -18,6 +20,8 @@ export interface Karakter {
|
||||
KitartasMentoAlap: () => number
|
||||
ReflexMentoAlap: () => number
|
||||
AkarateroMentoAlap: () => number
|
||||
Kepzettsegek: Kepzettseg[]
|
||||
TolvajKepzettsegek: Kepzettseg[]
|
||||
}
|
||||
|
||||
export class KarakterClass implements Karakter {
|
||||
@@ -26,14 +30,26 @@ export class KarakterClass implements Karakter {
|
||||
public Faj : Faj
|
||||
public Osztaly : Osztaly
|
||||
public Tulajdonsagok : KarakterTulajdonsagok
|
||||
public Szint : number = 1
|
||||
public MasodlagosErtekek : KarakterMasodlagosErtekek
|
||||
public Kepzettsegek: Kepzettseg[]
|
||||
public TolvajKepzettsegek: Kepzettseg[]
|
||||
|
||||
constructor(name: string, faj: Faj, osztaly: Osztaly, tulajdonsagok: KarakterTulajdonsagok) {
|
||||
constructor(
|
||||
name: string,
|
||||
faj: Faj,
|
||||
osztaly: Osztaly,
|
||||
tulajdonsagok: KarakterTulajdonsagok,
|
||||
kepzettsegek: Kepzettseg[],
|
||||
tolvajKepzettsegek: Kepzettseg[] = []
|
||||
) {
|
||||
this.Name = name
|
||||
this.Faj = faj
|
||||
this.Osztaly = osztaly
|
||||
this.Tulajdonsagok = tulajdonsagok
|
||||
this.MasodlagosErtekek = CalculateMasodlagosErtekek(osztaly, tulajdonsagok)
|
||||
this.Kepzettsegek = kepzettsegek
|
||||
this.TolvajKepzettsegek = tolvajKepzettsegek
|
||||
}
|
||||
|
||||
public HP = () => this.MasodlagosErtekek.HP
|
||||
|
||||
@@ -34,7 +34,7 @@ export const KepzettsegLista: Kepzettseg[] = [
|
||||
},
|
||||
{
|
||||
Id: 'k_csapdak',
|
||||
Name: 'Csapdák állítása/eltávolítása',
|
||||
Name: 'Csapdák állítása',
|
||||
Description: 'A karakter a rendelkezésre álló idő és alapanyagok függvényében készíthet szimpla vagy komplex csapdákat. Ha egy csapda eltávolítására tett próba sikertelen, az bizonyos eséllyel kisülhet és veszélybe sodorhatja az óvatlan próbálkozót.',
|
||||
Tulajdonsag: [Tulajdonsag.Ugyesseg],
|
||||
Osztalyok: [Osztaly.Tolvaj],
|
||||
|
||||
@@ -8,7 +8,7 @@ import OsztalySelector from "../components/OsztalySelector";
|
||||
import KarakterKepzettsegek from "../components/KarakterKepzettsegek";
|
||||
import {KarakterTulajdonsagok, Modifier} from "../domain-models/tulajdonsag";
|
||||
import MasodlagosErtekek from "../components/MasodlagosErtekek";
|
||||
import {AvailableKezpettsegList, KepzettsegId, TolvajKepzettsegList} from "../domain-models/kepzettsegek";
|
||||
import {AvailableKezpettsegList, Kepzettsegek, KepzettsegId, TolvajKepzettsegList} from "../domain-models/kepzettsegek";
|
||||
import {CalculateMasodlagosErtekek} from "../domain-models/masodlagos_ertekek";
|
||||
import {CreatePDF} from "../pdf/character.pdf";
|
||||
import {KarakterClass} from "../domain-models/karakter";
|
||||
@@ -56,6 +56,15 @@ function CreateCharacterPage() {
|
||||
changeTolvajKepzettsegek(tolvajKepzettsegek)
|
||||
}
|
||||
|
||||
const karakter = () => new KarakterClass(
|
||||
name,
|
||||
faj,
|
||||
osztaly,
|
||||
tulajdonsagok,
|
||||
kepzettsegek.map(k => Kepzettsegek[k]),
|
||||
osztaly === Osztaly.Tolvaj ? tolvajKepzettsegek.map(k => Kepzettsegek[k]) : []
|
||||
)
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className='container-fluid p-5 bg-black text-white text-center'>
|
||||
@@ -105,7 +114,7 @@ function CreateCharacterPage() {
|
||||
<MasodlagosErtekek ertekek={CalculateMasodlagosErtekek(osztaly, tulajdonsagok)} />
|
||||
|
||||
<div className='d-grid gap-2 m-5'>
|
||||
<button className='btn btn-danger btn-lg' type='button' onClick={async () => await CreatePDF(new KarakterClass(name, faj, osztaly, tulajdonsagok))}>Létrehozás</button>
|
||||
<button className='btn btn-danger btn-lg' type='button' onClick={async () => await CreatePDF(karakter())}>Létrehozás</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
+108
-69
@@ -1,240 +1,279 @@
|
||||
import {Karakter} from "../domain-models/karakter";
|
||||
import {PDFDocument, rgb, StandardFonts} from "pdf-lib";
|
||||
import {PDFDocument, rgb} from "pdf-lib";
|
||||
import fontkit from '@pdf-lib/fontkit'
|
||||
import {OsztalyLabel} from "../domain-models/osztaly";
|
||||
import {FajLabel} from "../domain-models/faj";
|
||||
import {SignedNumberToText} from "../components/Helpers";
|
||||
import {Modifier} from "../domain-models/tulajdonsag";
|
||||
import download from "downloadjs";
|
||||
import {Kepzettseg} from "../domain-models/kepzettsegek";
|
||||
|
||||
export async function CreatePDF(karakter: Karakter) {
|
||||
|
||||
const existingPdfBytes = await fetch('/km_karakterlap_hysteria_1.2.pdf').then(res => res.arrayBuffer())
|
||||
const pdfDoc = await PDFDocument.load(existingPdfBytes)
|
||||
pdfDoc.registerFontkit(fontkit)
|
||||
|
||||
const timesRomanFont = await pdfDoc.embedFont(StandardFonts.Helvetica)
|
||||
const fontBytes = await fetch('/Merienda-Regular.ttf').then(res => res.arrayBuffer())
|
||||
const pdfFont = await pdfDoc.embedFont(fontBytes)
|
||||
// const pdfFont = await pdfDoc.embedFont(StandardFonts.TimesNewRoman)
|
||||
const fontSizeBase = 12
|
||||
|
||||
const page = pdfDoc.getPage(0)
|
||||
const fontSize = 12
|
||||
|
||||
page.drawText(karakter.Name, {
|
||||
x: 60,
|
||||
y: 710,
|
||||
size: fontSize,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(OsztalyLabel(karakter.Osztaly), {
|
||||
x: 60,
|
||||
y: 672,
|
||||
size: fontSize,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText('1', {
|
||||
page.drawText(karakter.Szint.toString(), {
|
||||
x: 264,
|
||||
y: 682,
|
||||
size: fontSize * 3,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 3,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(FajLabel(karakter.Faj), {
|
||||
x: 304,
|
||||
y: 710,
|
||||
size: fontSize,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(karakter.Tulajdonsagok.t_ero.toString(), {
|
||||
x: 130,
|
||||
y: 613,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(Modifier(karakter.Tulajdonsagok.t_ero)), {
|
||||
x: 176,
|
||||
y: 613,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(karakter.Tulajdonsagok.t_ugy.toString(), {
|
||||
x: 130,
|
||||
y: 580,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(Modifier(karakter.Tulajdonsagok.t_ugy)), {
|
||||
x: 176,
|
||||
y: 580,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(karakter.Tulajdonsagok.t_egs.toString(), {
|
||||
x: 130,
|
||||
y: 547,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(Modifier(karakter.Tulajdonsagok.t_egs)), {
|
||||
x: 176,
|
||||
y: 547,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(karakter.Tulajdonsagok.t_int.toString(), {
|
||||
x: 130,
|
||||
y: 515,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(Modifier(karakter.Tulajdonsagok.t_int)), {
|
||||
x: 176,
|
||||
y: 515,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(karakter.Tulajdonsagok.t_bol.toString(), {
|
||||
x: 130,
|
||||
y: 482,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(Modifier(karakter.Tulajdonsagok.t_bol)), {
|
||||
x: 176,
|
||||
y: 482,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(karakter.Tulajdonsagok.t_kar.toString(), {
|
||||
x: 130,
|
||||
y: 449,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(Modifier(karakter.Tulajdonsagok.t_kar)), {
|
||||
x: 176,
|
||||
y: 449,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
|
||||
page.drawText(karakter.Mozgas().toString(), {
|
||||
x: 162,
|
||||
y: 416,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(karakter.Kezdemenyezes()), {
|
||||
x: 505,
|
||||
y: 416,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(karakter.HP().toString(), {
|
||||
x: 318,
|
||||
y: 517,
|
||||
size: fontSize * 1.5,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase * 1.5,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(karakter.VO().toString(), {
|
||||
x: 368,
|
||||
y: 495,
|
||||
size: fontSize * 3,
|
||||
font: timesRomanFont,
|
||||
color: rgb(0, 0, 0),
|
||||
size: fontSizeBase * 3,
|
||||
font: pdfFont,
|
||||
color: rgb(0.5, 0.5, 0.5),
|
||||
})
|
||||
page.drawText(SignedNumberToText(karakter.KozelharciTB()), {
|
||||
const kozelharciTB = SignedNumberToText(karakter.KozelharciTB())
|
||||
page.drawText(kozelharciTB, {
|
||||
x: 258,
|
||||
y: 382,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: kozelharciTB.length > 2 ? (fontSizeBase * 1.5) : fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(karakter.CelzoTB()), {
|
||||
const celzoTB = SignedNumberToText(karakter.CelzoTB())
|
||||
page.drawText(celzoTB, {
|
||||
x: 347,
|
||||
y: 382,
|
||||
size: fontSize * 2,
|
||||
font: timesRomanFont,
|
||||
size: celzoTB.length > 2 ? (fontSizeBase * 1.5) : fontSizeBase * 2,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
|
||||
page.drawText(SignedNumberToText(karakter.KitartasMentoAlap()), {
|
||||
x: 435,
|
||||
y: 613,
|
||||
size: fontSize,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(karakter.ReflexMentoAlap()), {
|
||||
x: 435,
|
||||
y: 580,
|
||||
size: fontSize,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(karakter.AkarateroMentoAlap()), {
|
||||
x: 435,
|
||||
y: 547,
|
||||
size: fontSize,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(Modifier(karakter.Tulajdonsagok.t_egs)), {
|
||||
x: 475,
|
||||
y: 613,
|
||||
size: fontSize,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(Modifier(karakter.Tulajdonsagok.t_ugy)), {
|
||||
x: 475,
|
||||
y: 580,
|
||||
size: fontSize,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(Modifier(karakter.Tulajdonsagok.t_bol)), {
|
||||
x: 475,
|
||||
y: 547,
|
||||
size: fontSize,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(karakter.KitartasMentoAlap() + Modifier(karakter.Tulajdonsagok.t_egs)), {
|
||||
x: 515,
|
||||
y: 613,
|
||||
size: fontSize,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(karakter.ReflexMentoAlap() + Modifier(karakter.Tulajdonsagok.t_ugy)), {
|
||||
x: 515,
|
||||
y: 580,
|
||||
size: fontSize,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
page.drawText(SignedNumberToText(karakter.AkarateroMentoAlap() + Modifier(karakter.Tulajdonsagok.t_bol)), {
|
||||
x: 515,
|
||||
y: 547,
|
||||
size: fontSize,
|
||||
font: timesRomanFont,
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
|
||||
function DrawKepzettsegek(kepzettsegek: Kepzettseg[], startFrom: number) {
|
||||
for (let i = 0; i < kepzettsegek.length; i++) {
|
||||
let kepzettseg = kepzettsegek[i]
|
||||
page.drawText(kepzettseg.Name, {
|
||||
x: 60,
|
||||
y: startFrom - (i * 18),
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
const tulajdonsagErtek = kepzettseg.Tulajdonsag.reduce((maxTulajdonsagErtek, currentTulajdonsag) =>
|
||||
(karakter.Tulajdonsagok[currentTulajdonsag] > maxTulajdonsagErtek)
|
||||
? karakter.Tulajdonsagok[kepzettseg.Tulajdonsag[i]]
|
||||
: maxTulajdonsagErtek,
|
||||
karakter.Tulajdonsagok[kepzettseg.Tulajdonsag[0]])
|
||||
|
||||
const kepzettsegModifier = SignedNumberToText(Modifier(tulajdonsagErtek) + karakter.Szint)
|
||||
page.drawText(kepzettsegModifier, {
|
||||
x: kepzettsegModifier.length > 2 ? 172 : 175,
|
||||
y: startFrom - (i * 18),
|
||||
size: fontSizeBase,
|
||||
font: pdfFont,
|
||||
color: rgb(0, 0, 0),
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
DrawKepzettsegek(karakter.Kepzettsegek, 337);
|
||||
const nextKepzettsegFrom = 337 - (karakter.Kepzettsegek.length * 18)
|
||||
DrawKepzettsegek(karakter.TolvajKepzettsegek, nextKepzettsegFrom)
|
||||
|
||||
const pdfBytes = await pdfDoc.save();
|
||||
download(pdfBytes, karakter.Name + ".pdf", "application/pdf");
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user