Sensationelle HTML5-Demos

html5-logo-icon

Die Diskussion um HTML5 und Flash ist in vollem Gange und dürfte Euch sicher nicht entgangen sein. Nun haben die ersten Portale damit begonnen Ihre Video-Inhalte von Flash auf HTML5 umzustellen oder zumindest eine HTML5-Beta Version alternativ für iPad und Co anzubieten. Doch HTML5 kann noch viel mehr! Höchste Zeit sich mit einigen überaus sehenswerten HTML5-Beispielen zu befassen. Viel Spass!

Trainings für Unternehmen und Privatpersonen

Wir machen dich fit für die Zukunft des Web! In unseren Seminaren und Workshops lernst du wie moderne Websites entstehen.

Infos zu Inhouse-Seminaren
Infos zu öffentlichen Terminen

HTML5 Canvas Animation

Eine wirklich lustige Comic-Animation mit dem HTML5-Canvas-Element die auf spielerische Art den Umgang und die Funktion des Elements erklärt.

HTML5 Canvas Animation



Ball Pool

Per Klick können auf dem Bildschirm neue "Bälle" erstellt werden; per Drag and Drop könnt Ihr diese verschieben, umschichten etc. Ein Doppelklick startet das Beispiel mit veränderten Farben neu. Auch das Browser-Fenster kann geschüttelt werden um die Elemente zu beeinflussen.

HTML5 Ball Demo



Browser Ball

Ein interaktiver Ball kann mit der Mouse zwischen verschiedenen Browserfenstern bewegt werden.

HTML Browser Ball



Canvas Photos

Auf einer Arbeitsfläche können Fotos/Polaroids verschoben, skaliert und gedreht werden.

HTML5 Canvas Photos



Mezmerizer

Intuitives und sehr sphärisches Beispiel. Nutzt Eure Mouse oder die Tastatur.

HTML5 Mesmerizer



Canvas Paint

Microsoft Paint als Full HTML5 Browser-Version.

HTML5 Canvas Paint



Canvascape

Canvascape ist ein Mini-3D-Shooter der eindrucksvoll zeigt, dass mit dem Canvas-Element und JavaScript auch Spiele machbar sind. Über die Tastatur kann der Spieler bewegt werden, gesprungen wird mit der Leertaste. Auch die Qualität der verwendeten Texturen könnt Ihr beeinflussen.

HTML5 Canvas Game



CubeOut

3D Tetris von oben.

HTML5 Tetris



Unzählige Beispiele

Die soeben gezeigten Beispiele habe ich ausgewählt da es sich meiner Meinung nach um beeindruckende und vor allem abwechslungsreiche Demos handelt. Auch auf apple.com/html5 (Danke an Steffen für den Tipp per E-Mail) wurde vor kurzem eine Reihe an Demos online gestellt die auf jeden Fall einen Blick wert sind.
Ihr kennt auch HTML5-Beispiele die es sich lohnt anzuschauen? Dann freue ich mich über Eure Tipps in den Kommentaren!