HTML5 Website Showcase 48 Mögliche Demos mit Flash-Tötung

Sie haben also gehört, dass alle Gerüchte über HTML5 Adobe Flash übernehmen würden. Während die meisten Web-Community argumentieren, dass dies möglich ist oder nicht, müssen Sie sich umsehen, was HTML5 so mächtig macht, dass sogar das riesige Unternehmen Apple es verwenden möchte, um Flash zu ersetzen.

Aus diesem Grund gibt es diesen Beitrag. Wir werden nicht darüber sprechen, was HTML5 kann, sondern Live-Demos von magischen Dingen zeigen, die HTML5 mit anderen Sprachen wie JavaScript erreichen kann.

Hinweis: Da HTML5 von bestimmten Webbrowsern wie Internet Explorer nicht vollständig unterstützt wird, wird dringend empfohlen, den Firefox-Browser zu verwenden, um alle HTML5-Demos unten anzuzeigen.

Animation

Das Canvas-Element von HTML5 ist der ausschlaggebende Faktor für HTML5, um bestimmte Flash-Animationen zu ersetzen. Mit Javascript können Sie dynamisches, skriptfähiges Rendering von 2D-Formen und Bitmap-Bildern erstellen. Dies ist eine kontrollierbare Animation.

Audioburst-Animation

Eine komfortable und fantastische Animation, die mit HTML5s Canvas und Audio-Tag erstellt wurde.

Bällebad

Diese Demo wurde beim letzten Google I / O-Event gezeigt und zeigt, wie dynamisch HTML5 sein kann.

Blob Sallad

Eine HTML5-erzeugte Kreatur, die Ihnen gefallen würde.

Bomomo

Mit Bomomo können Sie verschiedene mit HTML5 simulierte Atombewegungen beobachten.

Browser-Ball

Lassen Sie sich von diesem "Browserübergreifenden" HTML5-Ball begeistern.

Bläschen

Viel Spaß beim Erstellen von endlosen Schwimmblasen mit verschiedenen Farben.

Leinwand-Cartoon-Animation

Ein einfacher und witziger HTML5-Cartoon, mit dem Sie verstehen können, was das Canvas-Element von HTML5 leisten kann.

Coole Uhr

Eine schöne, anpassbare analoge Uhr, die von HTML5 und JavaScript erstellt wurde.

Flickr-PS3-Diashow

Zeigen Sie die Fotos Ihres Flickr mit einer Diashow im PS3-Stil im Webbrowser an.

Interaktives Polaroid

Eine interaktive Demo, die der Multi-Touch-Oberfläche sehr ähnlich ist.

JS Feuerwerk

Genießen Sie den Feuerwerksmoment mit Ihrer bevorzugten Schwerkraft und Geschwindigkeit, basierend auf HTML5 und Javascript.

Kaleidoskop

Ein sehr schönes und futuristisches HTML5-Kaleidoskop.

Flüssige Partikel

Empfindliche Partikelanimation, die auf die Bewegung Ihrer Maus reagiert.

Mesmerizer

Eine weitere sensible und herausragende HTML5-Demo, die zeigt, wie nahe Elemente mit der Mausbewegung reagieren.

Nebel-Wolke

Verlieren Sie sich mit diesem wundersamen HTML5-Nebel.

Parallaxe

Alle 2D-Formen in paralleler Perspektive anzeigen.

Partikelanimation

Eine elegante HTML5-Partikelanimation, die sich in Ihre bevorzugte Nachricht umwandeln lässt.

Verbreitung

Verlieren Sie sich mit dieser endlosen Spread-Animation.

Starfield

Eine sehr coole HTML5-Starfield-Animation, die je nach Mausbewegung Richtung und Geschwindigkeit ändert.

Video-Zerstörung

Ein Klick, um ein abgespieltes Video zu sprengen.

Wellenform

Beobachten Sie, wie sich die Canvas-Welle von HTML5 bewegt, indem Sie Amplitude, Wellenlänge, Breite usw. Ändern.

3D-Effekt

Beeindruckt von der Leinwandanimation? Das ist mehr mit dem Canvas-Element von HTML5 und wird als 3D-Effekt bezeichnet. Entwickler können sich auf Canvas-Elemente, DOM und JavaScript verlassen, um einen 3D-Effekt zu erstellen, der später zu 3D-Animationen oder Spielen entwickelt werden kann.

Canvas3D und Flickr

Erleben Sie ein völlig neues 3D-Erlebnis mit Flickr's Fotostream.

Stoffsimulation

Eine realistische HTML5-basierte Stoffsimulation.

Monster entwickeln

Beobachten Sie, wie sich ein Monster zu einer komplizierten Kreatur entwickelt. Einer seiner Schöpfer ist HTML5.

Google Giftbox

Riesige Suchmaschine Google wird in einer 3D-Ansicht dargestellt.

JS Touch

Ein hochwertiges und realistisches Showcase "3D auf 2D-Leinwand".

Datenpräsentation

Während das Canvas-Element von HTML5 zum Erstellen von Animationen und 3D-Effekt verwendet werden kann, kann es auch zur Darstellung mathematischer Daten implementiert werden.

Gnuplot

Gnuplot, eine Datenplotanwendung in HTML5-Version.

RGraph

RGraph bietet eine breite Palette an Datenpräsentationen wie Balkendiagramm, Fortschrittsbalken und herkömmliche Radardiagramme.

Internetanwendung

Unter Verwendung aller Möglichkeiten, die mit HTML5 und anderen Sprachen kombiniert werden, kann man schließlich interaktive Anwendungen oder Spiele erstellen, die der Flash-Anwendung nahekommen.

CanvasPaint

Der Bruder von Microsoft Paint kommt in Ihren Webbrowser, und sein Vater ist HTML5.

CanvasMol

Eine wissenschaftliche Anwendung, die dazu dient, die Struktur bestimmter Erdelemente zu verstehen.

Cartoon-Erbauer

Zeichnen Sie ein interessantes Cartoonbild mit diesem minimalen und interaktiven Cartoon-Generator.

Ziehen Sie hier alles

Ziehen Sie alles, was Sie in der Demo ziehen können, um Details anzuzeigen.

Gartic Sketch

Eine originale HTML5-Anwendung, mit der Sie einige grundlegende Zeichnungen erstellen können, die in einem anderen Bildformat wie jpeg oder png gespeichert werden können.

PhysicSketch

Zeichnen Sie, was Sie möchten und sehen Sie, wie sie mit simulierter Schwerkraft reagieren.

Skizzenblock

Eine leistungsstarke HTML5-Zeichenanwendung, mit der Sie Ihr Bild präzise zeichnen und bearbeiten können.

Smalltalk

Eine Webanwendung, die die geografische Position der von Twitter erworbenen wetterbezogenen Nachricht bestätigt und sie so zu einer auf Leinwand basierenden "Social Weather" -Karte bildet.

Spiel

3gebohrt

Sie werden sich nie langweilen, wenn Sie in der nächsten Sekunde Hunderte von HTML5-Aufzählungszeichen umgehen können.

Ausbrechen

Rebound the ball um alle Steine ​​zu brechen.

Canvascape

Nicht ganz ein Spiel, aber es zeigt, wie HTML5 zur Entwicklung von First Person Shooting-Browserspielen verwendet werden kann.

Fang es

Wie viele Bälle können Sie ausweichen, um Ihr gewinnendes HTML5-Quadrat zu erhalten??

Kettenreaktion

Verkette die Explosion, um das Ziel zu erreichen, lass dich nicht süchtig werden.

Cubeout

Spielen Sie Tetris in 3D von oben nach unten.

EtchaPhysics

Zeichne Gegenstand, um den Ball zum Stern zu bewegen, vergiss die Schwerkraft nicht.

Puzzle

Klicken Sie auf, drehen und lassen Sie Puzzleteile, um dieses auf HTML5 basierende Puzzle zu lösen.

Slide Puzzle

Schieße auf den Sieg, ein weiteres HTML5-Spiel, das deinen Verstandssaft pressen soll.

Gleiches Spiel

Entfernen Sie eine bestimmte Gruppe, um eine andere Gruppe in derselben Farbe zu erhalten, und Sie würden schließlich einen Sieg erhalten.

Tetris

Eines der klassischsten Spiele, das durch HTML5 wieder zum Leben erweckt wurde.

Torus

Ein weiteres Tetris-Spiel in Pseudo-3D-Version.

Fazit

Was ist die Einschränkung von HTML5? An dieser Stelle können wir uns nicht entscheiden, aber mit dem beeindruckenden Video unten können wir wissen, wie weit das HTML5 vorangetrieben wurde:

Ja, es ist Quake II im Webbrowser. Jetzt ist klar, dass mit HTML5 bahnbrechende Webanwendungen geboren werden, die Milliarden von Internetbenutzern bedienen. Es ist schnell, entwickelt sich weiter und verändert das World Wide Web. Die Frage ist, wie Sie dieses spielverändernde HTML5 verwenden würden?

Wir hören gerne Ihre Idee!