Objekty na slidu

Builder pracuje s 6 typy objektů. Každý má společné vlastnosti (pozice, velikost, rotace, průhlednost, vrstvení) + specifické.

Text

Vložit: kliknete na T v toolbaru → na canvasu se objeví textový objekt s placeholderem.

Vlastnosti:

Text (dvojklik na objekt = inline edit; Enter potvrdí)
Font — Inter, Roboto, Lora, Playfair, JetBrains Mono… (sans / serif / monospace dropdown)
Velikost — 8–400 px (nebo „font-resize handle" = drag pravého spodního rohu při Shift)
Styl — Bold / Italic toggle
Barva — color picker
Zarovnání — L / S / R
Řádkování — 1.0 až 2.0

Tip: Pro dynamickou změnu velikosti písma držte Shift a táhněte za malou čtvercovou úchytku v pravém dolním rohu vybraného textového objektu. Velikost se mění v reálném čase.

Obrázek

Vložit: klikněte na 🖼 v toolbaru → vyberte soubor (JPG/PNG/WebP, max ~5 MB) → upload na R2 → objeví se na canvasu.

Vlastnosti:

URL zdroje (lze nahrát nový)
Průhlednost 0–100 %
Rotace
Standardní z-order, duplicate, delete

Resize: drag rohu (free) nebo Shift+drag (zachovat poměr stran). Alternativně 🔗 toggle v panelu vlastností = persistentní aspect lock (pro touch zařízení).

Video

Vložit: klikněte na 🎬 v toolbaru → vyberte .mp4 (max ~50 MB) → upload na R2.

Vlastnosti:

URL videa (lze odebrat = smazat video)
Titulky — celá samostatná sekce, viz Video titulky
Standardní pozice/velikost/rotace

V editoru se video automaticky přehrává (muted, loop) — pro náhled. V Present mode a MP4 exportu hraje stejně.

Automatická detekce délky: systém si při vložení videa (a při dalším otevření projektu) změří jeho délku z metadat. Slide se pak v HTML i MP4 exportu nezakončí dřív, než video dohraje — automaticky se prodlouží na max(animace, délka videa) + 1.5 s pro klidné dočtení textu na slidu. Funguje i pro smyčková videa (slide advancuje po jedné iteraci + rezerva). Před každým exportem systém ještě jednou ověří délky všech videí, aby export nikdy nezachytil neměřená videa.

Tvary (rect / ellipse / line)

Vložit: □ rect, ○ ellipse, — line v toolbaru.

Vlastnosti:

Barva výplně (rect/ellipse)
Ohraničení — barva + tloušťka
Zaoblení rohů (rect)
Barva linky + tloušťka (line)
Standardní pozice / rotace / průhlednost

Společné vlastnosti

Vlastnost	Co dělá
Pozice (x, y)	Levý horní roh objektu v slide coords (0,0 = TL slidu)
Velikost (width, height)	V design pixelech (slide 16:9 = 1280×720)
Rotace	0–360°, snap na 0/45/90/… stupňů
Průhlednost	0 (neviditelné) až 1 (plně viditelné)
Z-order (vrstvení)	Pořadí vykreslování; vyšší = nahoře
Animace	Volitelně — viz Animace

Odkaz (URL) na objektu

Každý objekt (text, obrázek, tvar, …) může mít přiřazený klikatelný URL odkaz. V panelu vlastností sekce „Odkaz (URL)" zadejte adresu (např. https://pmgclub.com).

Chování:

V Present mode, HTML exportu, feed embedu i /present-live projektoru se po kliknutí na objekt otevře odkaz v nové záložce
Klik na objekt s odkazem neposouvá slide (na rozdíl od běžného kliku)
Kurzor se nad objektem změní na ručičku

Tlačítko „Vložit na všechny slidy" — vytvoří nezávislé kopie stejného objektu se stejným odkazem na zbylých slidech (idempotentní — nepřidá duplikát, pokud už podobný objekt existuje). Použití: globální „buy now" tlačítko nebo logo s odkazem na home page napříč celou prezentací.

Multi-select bulk edit

Při výběru 2+ objektů panel vlastností přepne do bulk edit módu:

Hlavička: „Vybráno: N objektů" + breakdown typů
Společné vlastnosti — pokud mají shodnou hodnotu, ukáže ji; jinak placeholder „Mixed"
Změna se aplikuje na všechny vybrané najednou (jedna transakce, jedno undo)
Bulk Bold/Italic, barva, font, velikost dostupné pro texty
Výplň, obrys a jeho tloušťka — když jsou všechny vybrané objekty tvary
Animace — přepni v panelu na záložku Animace (viz níž)
Akce: Duplikovat (N) / Smazat (N)

Jak vybrat víc objektů:

Myš / prst	Klávesa	Co udělá
klik na objekt	Shift nebo Cmd/Ctrl	přidá do výběru, dalším klikem zase odebere
tažení z prázdné plochy	—	gumička obtáhne vše, co je uvnitř (nový výběr)
tažení z prázdné plochy	Shift nebo Cmd/Ctrl	gumička přidá k tomu, co už je vybrané
—	Cmd/Ctrl + A	vybere všechny objekty na slidu
dlouhý stisk (mobil/tablet)	—	přidá objekt do výběru, pak už stačí ťukat
klik do prázdna nebo Esc	—	výběr zruší

Dole uprostřed plátna se u výběru objeví plovoucí odznak „Vybráno N“ s tlačítky Hotovo a ×.

⚠️ Výběr není skupina. Builder objekty natrvalo neseskupuje — výběr platí, dokud ho nezrušíš. Co má držet pohromadě i potom, drž pohromadě pozicí a vrstvami; zkopírovat celou sestavu na jiný slide jde přes Cmd/Ctrl+C a vložení (zachová vzájemné rozložení).

Co s výběrem jde dál:

tažení kteréhokoli objektu posune celou skupinu (viz Group drag níž)
šipky posunou o 1 px, Shift + šipky o 10 px
Cmd/Ctrl + D duplikuje výběr, Delete ho smaže, Cmd/Ctrl + C zkopíruje

Group drag

Když je víc vybraných, drag kteréhokoli z nich = posune celou skupinu o stejnou vzdálenost. Relativní pozice se zachovají. Šipky stejně.

Vrstvení (Z-order)

V panelu vlastností 4 tlačítka:

⏫ Úplně vpředu — na top
⬆ O vrstvu vpřed — o jedno nahoru
⬇ O vrstvu vzad — o jedno dolů
⏬ Úplně vzadu — na dno (často pro pozadí)

Z-order se ukládá jako zIndex: number na každém objektu.

Aspect ratio při resize

Drag rohu = free resize. Pro zachovat poměr stran:

Desktop: držte Shift během dragu
Mobil/touch: přepněte 🔗 toggle v panelu vlastností (persistentní)
Multi-select: automaticky zachovává poměr (keepRatio Konva Transformer)

Tipy

Kopírovat styl z jiného objektu — zatím nejde (plánováno)
Zarovnání objektů (align center, distribute) — zatím nejde v multi-select
Snap k jiným objektům — Builder snapuje při dragu na okraje a středy ostatních objektů (růžové čáry)
Snap k hranám slidu — také funguje