CAKE - Canvas Animation Kit Experiment

Zdroják » Zprávičky » CAKE – Canvas Animation Kit Experiment

CAKE – Canvas Animation Kit Experiment

Nálepky:

Projekt CAKE je knihovnou zaměřenou na animace v canvasu. Proč? Protože vykreslování do canvasu je jako kreslení do plátna. Canvas si nepamatuje, jaké objekty jste nakreslili a kam. Pokud chcete vytvořit v canvasu animaci, musíte si pozice jednotlivých objektů pamatovat sami a zajistit jejich překreslení.

CAKE je vrstva, která si tyhle starosti vezme na svou hlavu. CAKE si můžete vyzkoušet na 25 příkladech (vybírají se vpravo nahoře, dole můžete vidět i upravit jejich zdroják). CAKE je kompatibilní s prohlížeči podporující značku canvas, v IE do jisté míry funguje při zapojení emulační vrstvy ExCanvas.

Martin Hassman

Martin Hassman založil a řadu let vedl magazín Zdroják, absolvoval VŠCHT Praha, pořádal řadu konferencí, pomáhal s rozšířením otevřených technologií, byl u založení projektů CZilla, Dáme roušky a dalších. Vymyslel a dva roky vedl dobrovolnický projekt Movapp pod Česko.Digital. Nyní pracuje jako produktový manažer v datové platformě Golemio.cz.

Komentáře

Odebírat

0 Komentářů

Nejstarší

Nejnovější Nejvíce hlasů

WebSocket: Jak dostat webovou aplikaci do reálného času

Chat, živé notifikace, společná úprava dokumentu nebo průběžně aktualizované kurzy. Uživatelé dnes čekají, že se webová aplikace změní ve chvíli, kdy se změní data, a ne až po stisknutí klávesy F5. Protokol WebSocket je nejrozšířenější způsob, jak mezi prohlížečem a serverem vytvořit trvalý obousměrný kanál. V článku se podíváme, jak funguje pod kapotou, jak ho použít v prohlížeči i na serveru a na co si dát pozor při nasazení do produkce.

Zahoďte knihovny: dropdowny, tooltipy a přechody stránek jen s HTML a CSS

Rozbalovací menu, tooltip, modální okno a plynulý přechod mezi stránkami. Ještě nedávno čtyři důvody, proč do projektu přidat několik knihoven a desítky kilobajtů JavaScriptu. V roce 2026 už to všechno zvládne prohlížeč sám. Ukážeme si, jak na to s Popover API, CSS anchor positioningem a View Transitions, a také kde mají své limity.

Rok po Shai-Hulud: co se změnilo na npm a co musíte udělat do ledna

Před rokem začal registrem npm procházet samošířící červ Shai-Hulud. Od té doby se útoky na dodavatelský řetězec JavaScriptu staly pravidelnou záležitostí a npm postupně přepisuje pravidla publikování. Projdeme, co se za ten rok stalo, jak dnes bezpečně publikovat balíček, co musíte stihnout do ledna 2027 a jak se bránit jako uživatel balíčků.