Základy počítačové grafiky – aktuální informace (2026/2027)

Přednáška v češtině se koná každé PONDĚLÍ OD 12:20 v posluchárně S3 (Malá Strana)
(přednáška v angličtině se letos nekoná)

Cvičení jsou rozdělena do dvou skupin, viz rozvrh v SISu.

Video obsah na YouTube

Přednášky 2026/27: nová videa budou vznikat jen výjimečně, playlist je z archivu
Playlist přednášek 2022/23.

Cvičení 2026/27:
Playlist cvičení 2026/27. Je tam záznam prvního cvičení, další zatím neplánuji.
Zvlášť užitečné může být první video-cvičení – pro ty, kteří se z jakéhokoli důvodu nemohli výuky zúčastnit.

Archiv

POZOR: neplatí konkrétní úlohy a zmínky o Microsoft Teams (Teams už nepoužíváme).

Archiv přednášek 2020/21.
Archiv cvičení 2025/26.
Archiv cvičení 2024/25.
Archiv cvičení 2023/24.
Archiv cvičení 2022/23.
Archiv cvičení 2021/22.
Archiv cvičení 2020/21.

Nezávazný plán semestru

Přednáška 1 (5. 10. 2026)

Plán přednášky, barevné vidění, rastrová a vektorová grafika

Plán přednášek a cvičení, [motivační příklady ze života,] literatura, ostatní přednášky..
Lidský zrak a jeho vlastnosti (fyziologie a psychologie, vady), světelné spektrum, metamery, obraz a jeho reprezentace v počítači, základní barevný systém RGB, doporučení pro používání barev. Rastrová a vektorová grafika.

Cvičení 1 (5. 10. 2026)

Systém cvičení, za co je zápočet, předvedení programovacího prostředí (jazyk C#, MS Visual Studio, GIT repository, AI asistenti...).
GIT repository NPGR003-26 a jak s ní pracovat! Úkol 00-GIT.
ChatGPT konverzace o command-line programu, který má vytvořit obrázek s dvojbarevnou šachovnicí (ukazuje se tam i knihovna SixLabors.ImageSharp) je archivován zde.
Video: Úvodní video 2026/01 – zápočet, tabulka bodů, GIT repo, ChatGPT ukázka

Přednáška 2 (12. 10. 2026)

Barevné systémy a gamma korekce

Virtuální barevná primitiva XYZ, barevný gamut displeje, barevné systémy CIE-xyY, RGB, CMY(K), HSV. Aditivní a subtraktivní skládáni barev, CMY(K), převody RGB<->HSV, barevné standardy. Gamma korekce a mýty s ní spojené.
Úvod do rastrových formátů: pořizování rastrového obrazu.

Cvičení 2 (12. 10. 2026)

Ne všechno stihneme, určitě úlohu 01-AllTheColors.
Jména barev X11 color names.
Ukázka gamma (testovací rastry: Gamma 1, Gamma 2 (color)).
Ještě jedna stránka o kalibraci a testování monitoru (lagom.nl).

Úloha 01-AllTheColors: obrázek obsahující všech 16M barev.

Přednáška 3 (19. 10. 2026)

Rastrové grafické formáty

Pixelové formáty, ukládání obrazu, základní grafické formáty a jejich použití (PNM/PGM, PNG, GIF, JPEG). JPEG komprese, [ukázky artefaktů a velikostí souborů ze slajdů].

Cvičení 3 (19. 10. 2026)

Ukázky grafických formátů, artefakty JPEG komprese prakticky, porovnání kvality a velikosti zkomprimovaných obrázků, prakticky s IrfanView.
Barva v SixLabors.ImageSharp (Rgba32), formáty pixelu, převod RGB <-> HSV, Adobe Color online, rastrový obrázek v SixLabors.ImageSharp (Image). Knihovna pro command-line argumenty CommandLineParser.
Vektorový formát SVG (PDF prezentace), adresář s jednoduchými SVG příklady.

Úloha 02-ImagePalette: barevná paleta podle obrázku.

Přednáška 4 (26. 10. 2026)

HDR grafika, průhlednost

HDR grafika, pořizování HDR obrazu vícenásobnou expozicí, ukázky HDR souborů (Picturenaut), tone-mapping. Příklady – viz HDR stránka. Průhledné obrázky a operace s nimi (kompozice pomocí alfa-kanálu).

Cvičení 4 (26. 10. 2026)

HDR: pořízení HDR obrázku vícenásobnou expozicí (Picturenaut).
Ukázky operací s průhledností (alpha channel) – ukázka Genesis Effect z filmu "Star Trek II".

Úloha 03-SFC: fraktální křivky, vyplňující rovinu (Space Filling Curves).

Zkouška

Na této stránce si přečtěte příklady otázek, se kterými se můžete setkat u zkoušky.