Uživatelé nezřídka nahrávají příliš velké obrázky. Co s tím? Resize obrázků můžete v moderních prohlížečích provést už na klientovi pomocí canvasu a FileReader API, na server pak odešlete až upravený obrázek. Návod a funkční kód…
Archiv pro štítek: canvas
David Geary, autor knížky Core HTML5 Canvas, napsat tutoriál k tvorbě hry Snail bait, na kterém ukazuje obecné postupy tvorby 3D her pomocí canvasu. Článek HTML5 2D game development: Introducing Snail Bait najdete na…
Flotr2 je javascriptová knihovna pro tvorbu grafů. Nabízí celou řadu možností (viz obrázek). K vykreslování grafů je použit canvas z HTML5. Zdrojové kódy najdete na GitHubu, vyzkoušet si ji rychle můžete na jsFiddle. Další informace…
Illuminated.js – je projekt pro renderování světelných scén do canvasu. Nabízí vám základní objekty, které rozmístíte v prostoru, a vypočte výsledný obrázek. Použití v praxi může vypadat třeba takhle: var light = new Lamp({ position:…
O HTML5 canvasu a jeho možnostech jsme toho publikovali už celou hromadu, jednu věc musíme ovšem canvasu vytknout, jeho interaktivní možnosti jsou velmi omezené a jejich programování nepohodlné. Dokud v canvasu vykreslujete neinteraktivní obrázky, není…
Podívejme se na canvas z HTML5. Předvedeme si kreslení základních tvarů, cest, barevných přechodů a používání obrázků. Nakonec zkusíme v canvasu naprogramovat hru Halma.
Baví vás jednoduché „casual“ hry a hříčky? JavaScript v kombinaci s Canvasem (a někdy i WebGL) už je dostatečně mocným nástrojem, jak ukazuje stejnojmenný článek. Pokud vás vytváření her pro prohlížeče zajímá, tak stay tuned – na…
Hry napsané v Javascriptu, které používají canvas, se tu objevují poměrně často. Dnešní hra je tak trochu výjimka. Nejedná se o remake staré hry, ale o „originální“ starou hru, která běží v emulátoru PC, napsaném v JavaScriptu:…
Nejen chemiky by mohla zaujmout ukázka CanvasMol – vizualizace molekul pomocí Canvasu a JS.
Zajímavá knihovna html2canvas vytvoří obrázek stránky (screenshot) v prohlížeči. Využije k tomu informací z DOM a informací o stylech a stránku vykreslí do elementu Canvas. Výsledky jsou velmi dobré, i když knihovna zatím nepodporuje některé vlastnosti CSS3 (stínování,…