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.

Lupa.cz: Proč jsou firemní počítače pomalé?

Proč jsou firemní počítače pomalé?

Vitalia.cz: Tohle jsou nejlepší česká piva podle odborníků

Tohle jsou nejlepší česká piva podle odborníků

Lupa.cz: Cimrman má hry na YouTube i vlastní doodle

Cimrman má hry na YouTube i vlastní doodle

Vitalia.cz: 5 nemocí, se kterými pomáhá urologie

5 nemocí, se kterými pomáhá urologie

DigiZone.cz: Banaxi: videa kdekoli na světě

Banaxi: videa kdekoli na světě

Vitalia.cz: Tradiční čínská medicína a rakovina

Tradiční čínská medicína a rakovina

Podnikatel.cz: Letáky? Lidi zuří, ale ony stále fungují

Letáky? Lidi zuří, ale ony stále fungují

DigiZone.cz: Rapl: seriál, který vás smíří s ČT

Rapl: seriál, který vás smíří s ČT

DigiZone.cz: Technisat připravuje trojici DAB

Technisat připravuje trojici DAB

Podnikatel.cz: Udělali jsme velkou chybu, napsal Čupr

Udělali jsme velkou chybu, napsal Čupr

Lupa.cz: Blíží se konec Wi-Fi sítí bez hesla?

Blíží se konec Wi-Fi sítí bez hesla?

Lupa.cz: Jak se prodává firma za miliardu?

Jak se prodává firma za miliardu?

120na80.cz: Co je padesátkrát sladší než cukr?

Co je padesátkrát sladší než cukr?

Vitalia.cz: 5 chyb, které děláme při skladování potravin

5 chyb, které děláme při skladování potravin

Vitalia.cz: Jsou vegani a vyrábějí nemléko

Jsou vegani a vyrábějí nemléko

Vitalia.cz: Voda z Vltavy před a po úpravě na pitnou

Voda z Vltavy před a po úpravě na pitnou

120na80.cz: Galerie: Čínští policisté testují českou minerálku

Galerie: Čínští policisté testují českou minerálku

DigiZone.cz: Nova opět stahuje „milionáře“

Nova opět stahuje „milionáře“

Lupa.cz: Další Češi si nechali vložit do těla čip

Další Češi si nechali vložit do těla čip

DigiZone.cz: Světový pohár v přímém přenosu na ČT

Světový pohár v přímém přenosu na ČT