Posts Tagged ‘canvas’

Ambilighteffekt mit HTML5 nachprogrammiert

Mittwoch, Juni 2nd, 2010

Ich halte ja schon viel von HTML5 und den vielen neuen Möglichkeiten die sich zB mit dem Video und Canvas Tag ergeben, aber das hier ist pure HTML5+JS madness!

Unter zur Hilfe nahme von JavaScript wurde mit den beiden oben genannten Html-Tags das Ambilight, was man von den LCD Fernsehern kennt, nachprogrammiert. Dazu wird einfach mit JavaScript jede Sekunde für eine beliebige Anzahl von Ambilight-Lichtkegeln am Rand Farbwerte genommen und diese dann mit einem hübschen Blur-Effekt und dem Canvas in die Seite gerendert. Unbedingt das verlinkte Video in der Quelle anschauen! Pure madness! Natürlich braucht ihr dazu mindestens FF3.6 oder einen anderen HTML5 fähigen Browser wie z.B. Chrome um euch das Video anzusehen.

Via Ajaxian » Ambilight Sample; video and canvas.