Pro vložení grafiky do stránky měli weboví vývojáři až donedávna v podstatě jen dvě možnosti – buď statický obrázek, nebo využít plugin (Flash, VML apod.) V poslední době doznal značného rozšíření ale vektorový formát SVG a bitmapový HTML5 canvas. Jaké jsou jejich vlastnosti a v čem se liší?

Seznam zajímavých her a hříček, při jejichž tvorbě bylo použito HTML5 a Canvas nabízí web Insic Designs: Showcase of Games Developed Using HTML5 Canvas.

Ne, nečekejte AutoCAD, na to současný výkon procesorů, přemletý přes několik vrstev abstrakcí, virtualizací a interpreterů nestačí. Ale přesto je 3DTin zajímavou ukázkou možností práce s 3D objekty v JavaScriptu. Inspirací.

Na webu WebNT vyšel článek věnovaný HTML5 canvasu. V článku najdete popis rozhraní, dema a 9 video přednášek v češtině věnovaných canvasu o délce bezmála 3 hodiny. Videa postupně popisují všechnu funkcionalitu, kterou canvas pro 2D v současné době…

Praktickou ukázku použití SVG ve webové aplikaci přináší Foxkeh’s Wallpaper Creator. Pomocí SVG a elementu Canvas ukazuje možnosti současných prohlížečů, a to na „generátoru obrázků na plochu“, kde lze s jednotlivými elementy volně nakládat, otáčet,…

Knihovna Canto.js sjednocuje a zjednodušuje práci s elementem canvas. Nabízí abstrakci v podobě objektu Canto, který umožňuje zapisovat operace s canvasem poněkud jednodušším způsobem, včetně např. řetězení operací. Zdroj: Ajaxian

V AJAXových animacích se hojně používá animace obíhajícího kolečka, která naznačuje uživateli, že se čeká na nějakou odezvu od serveru. Nejčastěji se používá animovaný GIF – je snadno použitelný a jednoduchý. Na webu PHPGuru vyšla…

S nástupem Canvasu se objevuje víc a víc ukázek, co vše lze s tímto elementem v JavaScriptu udělat. Jonas Wagner předvedl demonstraci grafické metody, známé jako sledování paprsku (raytracing), která se používá v počítačové grafice. (V tomto případě…

Vývojáři píšící aplikace v JavaScriptu znají pravidlo, které říká: Vyhněte se častým operacím s DOMem. Pokud potřebujete např. vytvořit větší množství entit, je lépe si je vytvořit „bokem“, a aktualizovat je nakonec a najednou. Podobné…

Vyšla nová verze knihovny RGraph, která pomocí JavaScriptu a HTML5 elementu Canvas umožňuje zobrazování nejrůznějších grafů včetně interaktivních funkcí, jako jsou tooltips a zoom. Zdroj: PHPGuru