Posts Tagged ‘HTML5’

8 Bit Color Cycling mit HTML5 nachgebaut

Montag, Juli 26th, 2010

Yeah, totale 8 Bit HTML5 awesomness. Damals als die Grafikkarten maximal nur 256 Farben gleichzeitig darstellen konnten gab es die Methode des Color Cyclings die es ermöglichte die Farbpalette zu manipulieren wodurch man mit etwas Geschick Hintergrund-Animationen erstellen konnte.

Auf der hier verlinkten Seite hat Joe Huckaby von effectgames (ja die wurden von der Dextrose AG gekauft, die mit der Aves Browserengine) das Color Cycling auf HTML5 umgebaut. Das Tüpfelchen auf dem i stellen dann die Background-Artworks von Mark J. Ferrari dar. Dieser war auch schon für die Backgrounds von Monkey Island und Loom zuständig.

via Old School Color Cycling with HTML5 | EffectGames.com.

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.