Canvas, editace fotek a jezdící Super Mario

20. 6. 2008 20:26 (aktualizováno) | Martin Hassman

Opět se mi nahromadilo pár zajímavých příkladů s canvasem, tak šup sep s nimi.

Super Mario na kolech

Jacob Seidelin, který je autorem aplikací z minulého dílu, nezahálel a naprogramoval v canvasu hru další hru se Super Mariem, tentokrát se jedná o závody. BTW je to první canvasová hra, ve které proti hlavnímu hrdinovy hrají i protivníci. Jestli si dobře pamatujete, v těch minulých sice protivníci byli, ovšem stáli na místě a nic nedělali. V této hře již drandí na svých vozidlech a snaží se vám zmizet z dohledu. (Jsem zvědav, zda se následně dočkáme updatu Wolfensteina a nepřátelé v něm už nebudou jen čekat, ale i po vás střílet.)

Vyberte si jedno ze tří vozítek a rozjeďte to.

Renderování textu

Pokud potřebujete v canvasu zobrazit i text, canvas vás zatím nepotěší. Verze canvasu podporovaná v prohlížečích zobrazování textu nepodporuje (nicméně na následujícím případě.

Polární hodiny

Znáte polární hodiny? Je to zajímavá ukázka, alternativního zobrazení aktuálního data a čas. Oprava: pro člověka nečitelného zobrazení aktuálního data a času. Posuďte sami podle implementace polárních hodin v canvasu. Příklad demonstruje  i emulování canvasu v Internet Exploreru, ve kterém tento příklad také funguje.

Dokážete dešifrovat polární hodiny v cancasu?

Kolize disků

Chcete v canvasu vytvořit dynamickou aplikaci? Třeba se vám bude hodit jednoduchý příklad pro kolizi disků.

Aktualizováno:

Editujeme fotografie

A na závěr si ukážeme editor fotografií. Editace probíhá přímo v prohlížeči za pomoci JavaScriptu a canvasu. Autorem aplikace Pixastic je opět Jacob Seidelin a jedná se o praktické vyústění jeho graficků filtrů, o kterých jsem psal minule. V aplikaci můžete snadno a rychle provést základní úpravy vašich fotek. (V tuho chvíli jsou nějaké problémy s nahráváním fotek, ale vyzkoušet si můžete alespoň práci s galerií vzorových obrázků – více viz komentáře pod původním článkem.)

Beta verze editoru fotografií postaveném na canvasu.

Pro dnešek je to všechno, další příklady zase někdy příště.

Přidávat nové názory je zakázáno.

DigiZone.cz: DAB už i z Košic. A překvapivě!

DAB už i z Košic. A překvapivě!

120na80.cz: Jak se zbavit nadměrného pocení?

Jak se zbavit nadměrného pocení?

Podnikatel.cz: 3 velké průšvihy obchodních řetězců

3 velké průšvihy obchodních řetězců

Podnikatel.cz: Přerušil SVČ, nic nehlásil. Dál musí platit

Přerušil SVČ, nic nehlásil. Dál musí platit

Root.cz: Bitcoin začal vyplácet jen půlku odměn

Bitcoin začal vyplácet jen půlku odměn

120na80.cz: SOS aneb spálená pokožka

SOS aneb spálená pokožka

DigiZone.cz: Ve Varech představeni i noví "Četníci"

Ve Varech představeni i noví "Četníci"

Vitalia.cz: Pepsi Cola mění sirup za cukr

Pepsi Cola mění sirup za cukr

Měšec.cz: Se stavebkem k soudu už (většinou) nemusíte

Se stavebkem k soudu už (většinou) nemusíte

120na80.cz: I tuto vodu můžete pít

I tuto vodu můžete pít

DigiZone.cz: Skylink o půlnoci vypnul 12 525

Skylink o půlnoci vypnul 12 525

Podnikatel.cz: Akční plán podpoří byznys padesátníků

Akční plán podpoří byznys padesátníků

DigiZone.cz: Jsou obchody připraveny na DVB-T2/HEVC?

Jsou obchody připraveny na DVB-T2/HEVC?

Měšec.cz: Udali ho na nelegální software a přišla Policie

Udali ho na nelegální software a přišla Policie

DigiZone.cz: Sat novinky: Skylink skončil s kanály ČT

Sat novinky: Skylink skončil s kanály ČT

Vitalia.cz: Největší chyby při podávání vína?

Největší chyby při podávání vína?

Podnikatel.cz: Polská vejce na českém pultu Albertu

Polská vejce na českém pultu Albertu

Vitalia.cz: Jak může být v uzenině 150 % masa?

Jak může být v uzenině 150 % masa?

Lupa.cz: Seznam.cz sleduje stisky kláves, aby odhalil roboty

Seznam.cz sleduje stisky kláves, aby odhalil roboty

Podnikatel.cz: Italské těstoviny nebyly k mání, tak je začal vyrábět

Italské těstoviny nebyly k mání, tak je začal vyrábět