Přejít k navigační liště

Zdroják » Zprávičky » Efekty pomocí Canvasu a cyklické změny barev

Efekty pomocí Canvasu a cyklické změny barev

Zprávičky ‐ ‐ JavaScript, Různé ‐

Nálepky:

Pamětníci si jistě vzpomenou na zajímavé efekty, které bývaly v 80. a 90. letech součástí her i demonstračních programů, a kde iluzi pohybu ve statickém obrázku vytvářela dobře zvolená paleta barev, v níž se část cyklicky měnila. Šlo tak simulovat pohyb vody, stmívání a další podobné jevy. Velmi často byly tyto efekty používány na počítačích Amiga či v adventurách od Lucas Arts. Na konci 90. let přišel s nástupem truecolor karet a 3D akcelerátorů i konec těchto efektů.

Na blogu Effect Games vyšel článek Old School Color Cycling with HTML5, v němž autor znovuoživuje tyto efekty pomocí elementu Canvas a JavaScriptu. Výsledky jsou zajímavé, a pro pamětníky i lehce nostalgické.

Komentáře

Odebírat
Upozornit na
guest
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ů.