Známá „otáčející se kolečka“, která naznačují, že uživatel musí počkat, než se něco nahraje či zpracuje, webdesignéři řeší nejčastěji pomocí animovaných GIFů. V moderních prohlížečích s Canvasem lze použít i JavaScript, který se o vykreslení animace postará.…
Archiv pro štítek: canvas
Do diskusí, které se odehrávají i na Zdrojáku, dobře zapadá článek z webu Atomic Robot Design s názvem It might be too early to build client work with canvas but that doesn’t mean it’s too early to…
V tomto dílu Javaskriptaření si ukážeme další zajímavé knihovny a nástroje, které v javaScriptu existují a které můžete využít ve svých aplikacích. Tentokrát je ocení vývojáři interaktivních grafických aplikací, třeba her – představíme si fyzikální engine, implementaci Processing a oblíbenou 3D knihovnu WebGL.
Pokud používáte pro práci s canvasem knihovnu EaselJS, oceníte nástroj Zoë, pomocí něhož můžete převést animace v SWF do podoby, použitelné s touto knihovnou. Autoři použili tento nástroj při tvorbě hry Pirates love daisies. Více informací…
Hra rapt (Robots Are People Too) je, hráčským slangem řečeno plošinovka – hra, kde figurka jde jedním směrem a musí šplhat, skákat přes překážky, hledat cestu a sbírat body. A jak už je na Zdrojáku…
Videopřehrávač, zabudovaný přímo do specifikace HTML5, není jen pokusem nahradit „asfaltovou skvrnu“ přehrávačů ve Flashi. To, že video není přehráváno v pluginu, znamená, že s ním lze přímo manipulovat pomocí webových technik (JavaScript apod.) Dnes si ukážeme některé efekty, které lze s přehrávaným videem provádět.
Chybí vám v HTMLekvivalent BitmapData z AS3? Například pro převod Flash aplikace do prostředí HTML? Řešení nabízí knihovna BitmapData.js, která funkcionalitu a API BitmapData simuluje pomocí Canvasu
Před nedávnem jsme si na těchto stránkách představili grafickou knihovnu Raphaël, která umožňuje jednoduše vytvářet vektorovou grafiku. Používá k tomu SVG (či VML). Podobně funguje i knihovna, kterou si představíme dnes, jenom místo SVG pracuje nad Canvasem. Hlavní výhodou je schopnost používat vrstvy.
Canvas je snad jedna z nejpopulárnějších novinek v HTML5. Knihovna node-canvas nabízí stejné API, jako HTML5 Canvas, ale s tím rozdílem, že funguje na serveru, spolu se serverovou technologií Node.js.
Vytváříte-li grafiku v Illustratoru, může vám přijít vhod nástroj AI->Canvas, který dělá přesně to, co jeho název naznačuje: převádí grafiku z Adobe Illustratoru do kódu, který kreslí totéž v HTML5 elementu Canvas. Či naopak – pokud potřebujete…