Startseite » Codierung » 15 (Weitere) inspirierende HTML5-Experimente

    15 (Weitere) inspirierende HTML5-Experimente

    Wenn Sie nicht unter einem Felsen gelebt haben, haben Sie von HTML5 gehört. Es ist jetzt überall, dank der Werbung für Apple Vorsitzender Ex-CEO Steve Jobs und bestimmte Entwickler, die glauben, dass HTML5 Flash übernehmen kann.

    Tatsächlich sehen wir diese Situation noch nicht, aber HTML5 ist wirklich magisch in Bezug auf seine Videofunktionen, Leinwanddarstellung und Animation, die wirklich gut und reibungslos funktionieren. Tatsache ist, dass es so vielversprechend ist, dass Projekte überall auftauchen, um die Grenzen von HTML5 zu testen.

    Ob Sie es glauben oder nicht, wir werden Ihnen 15 aufschlussreiche Experimente vorstellen, die HTML5 am besten nutzen, und wissen Sie, was Sie erleben können. Schwerkraft, musikbasierte Animationen und das Rendern von Kreaturen, die wie Kreaturen funktionieren! Viel Spaß mit ihnen und oops, sie werden am besten mit der neuesten Version von Mozilla Firefox und Google Chrome bedient.

    Für den Fall, dass Sie mit diesem HTML5-Spaß nicht zufrieden sind, haben wir mehr für Sie!

    • HTML5: 48 Potenzielle Flash-Kill-Demos
    • HTML5: 19 Mögliche Webanwendungen

    Canvas-Zyklus

    Bei dieser Zusammenarbeit zwischen dem Künstler Mark Ferrari und dem Programmierer Joseph Huckaby handelt es sich um eine wunderschöne Sammlung bewegter Naturszenen wie Wälder im Winter, Seelandschaften und stürmische Berge. Sie sind entspannend anzusehen und wirklich umwerfend, mit Geräuschen an den Bildern. Wenn Sie sich etwas von der Arbeit erholen möchten, können Sie diese Bilder durchgehen und spüren, wie Ihre Spannung nachlässt.

    google Schwerkraft

    Ein weiteres von dem erstaunlichen Mr. Doob, dieser ist weniger interaktiv als der erste, aber immer noch cool. Es gibt eine grundlegende Kopie der Hauptsuchseite von Google. Wenn Sie jedoch mit dem Mauszeiger darauf zeigen, beginnt die gesamte Seite zu "fallen", bis alle am unteren Rand abstürzen. Das Google-Logo fungiert als aktiver Link, der die Seite aktualisiert. Ein gutes Spiel für die großen Unternehmen, die Google hassen, mag sein.

    Leinwand Bäume

    Von Kenneth Jorgenson hergestellt, ist dies möglicherweise der einzige Ort, an dem Sie den Ausdruck "Refresh für weitere Bäume" sehen können. Es ist genau das, was es sagt: Sie klicken auf die Website und führen Sie zu einem weißen Hintergrund. Eine schwarze Tuschezeichnung eines Baums beginnt zu „wachsen“, während Sie darauf zählen, wie viele Äste gerade verarbeitet werden. Sie können so oft aktualisieren, wie Sie möchten.

    Magnetisch

    Dies ist ein weiterer Spaß und Suchtfaktor, den Sie genießen können. Sie beginnen grundsätzlich mit ein paar "Magneten", die Sie über den Bildschirm ziehen können. Lichtpartikel kreisen um sie herum und wenn Sie die Position verschieben, können Sie die Formen ändern, die sie bilden. Wenn Sie mehr Magnete und Partikel wünschen, doppelklicken Sie sie einfach und ziehen Sie sie an die gewünschte Stelle. Ja, es geht um Magnete und Physik!

    Promi-Ergebnisdiagramm

    Möchten Sie eine visuelle Darstellung sehen, wie viel Prominente im Fernsehen pro Episode verdienen? Dies ist eine coole kleine Grafik, die Stapel von Farbbalken zeigt, die darstellen, wie viel ein bestimmter Prominenter durch das Aufnehmen einer Fernsehsendung macht (oder gemacht, in Fällen wie Charlie Sheen). Es wurde als eines von vielen Projekten und Experimenten von Daniel Rapp gemacht.

    Canvas-Band

    Paul Truong hat diese interessante Anwendung entwickelt, mit der Sie mit einem sich ständig bewegenden, mehrfarbigen Farbband über den Bildschirm malen können. Es macht Formen und Designs, und der Effekt ist ziemlich hübsch. Alles, was Sie tun müssen, ist, es über den Bildschirm zu ziehen, um über Einfachheit zu sprechen.

    WebGL-Wasser

    Hier kommt eine coole Demo mit der revolutionären WebGL (Web-based Graphics Library), die am besten mit Google Chrome bereitgestellt wird. Mit der Demo können Sie auf dem Wasser zeichnen, um Wellen zu erzeugen, oder die Kugel ziehen, um sie zu bewegen, und einige Tastaturtasten drücken, um die Lichtrichtung einzustellen und die Schwerkraft umzuschalten, um zu sehen, wie das bewegte Objekt lebhaft mit der Umgebung in Wechselwirkung tritt realistisch.

    Chrysaora

    Eine weitere beeindruckende Demo, die die Magie von WebGL anwendet. Hier sehen Sie eine Gruppe extrem schöner und vor allem lebendiger Quallen, die sich im Wasser bewegen und vom Strahlen traumhaften Sonnenlichts bestrahlt werden. Erleben Sie die Zeit, in der HTML5 und WebGL das Web zum Leben erwecken, am besten mit Google Chrome.

    Voxel Regen

    Voxelregen bedeutet, dass mehrfarbige 3D-Boxen zu einem sich drehenden großen Block abfallen. Es ist, als würde man die Möglichkeiten des Computers in den 1990er Jahren zeigen, und jetzt kommt der Webbrowser durch die Nutzung von HTML5 zum Einsatz. Die hellste Ära des Internets ist nicht mehr weit.

    HTML5-Texteffekte

    Wir Web-Designer fragen uns oft, wie viele Möglichkeiten HTML5 wirklich zu einem Durchbruch in der Web-Typografie beitragen kann. Diese Demo gibt Ihnen die Antwort, mehr denn je! Sie können wählen, ob Sie einen stereoskopischen Effekt, einen Neoneffekt oder sogar einen beweglichen Neoneffekt miterleben möchten. Die Zukunft der Web-Typografie liegt in der Hand von HTML5.

    HTML5-Logo drehen

    Ich kann einfach nicht die Herrlichkeit von HTML5 halten, es dreht sich, es dreht sich ... es ist cool.

    Skizzieren in 3D

    Langeweile von HTML5-basierten 2D-Skizzierdiensten? Schau dir das an. Zeichnen Sie einfach eine Linie und drücken Sie die Leertaste. Ziehen Sie dann nach links oder rechts, und Ihre Zeichnung wird in 3D-Perspektive gedreht. 3D-Skizzieren ist mit HTML5 nicht komplizierter.

    mta.me Dirigent

    Mta.me Conductor inspiriert Sie, indem Sie Punkte erzeugen, die sich kontinuierlich zu Linien bewegen, und wenn die Linien “kollidieren” miteinander werden sie eine Interaktion auslösen. Alles, um zu beweisen, dass es sich bei HTML5 nicht nur um Code, sondern um Interaktion handelt, und das ist es, was Webbenutzer wirklich interessieren.

    Google Mail für Google Mail

    Ein interessantes Shooter-Spiel, aber der Held ist Gmail, befreit es vom Bösen! Genau wie beim klassischen Shooter-Spiel haben Sie das Leben, die Punktzahl und den allmächtigen Laserstrahl. Wahrscheinlich einer der potentiellen Demos, der die Fähigkeiten von HTML5 als Spiel demonstriert. Achtung, Flash.

    W Pilot

    Dies ist ein so süchtig machendes Spiel, dass es illegal sein sollte. Im Ernst, wenn Sie sich bei einem ihrer Server anmelden, möchten Sie stundenlang spielen. Sie fliegen im Grunde nur um Dinge zu schießen und vermeiden es, von anderen Spielern angeschossen zu werden. Es ist einfach und macht so viel Spaß zu spielen, und die Tatsache, dass es ein Multiplayer-Erlebnis ermöglicht, ist ein ernstes Plus, das es über Flash-Spiele steckt, die gerade so beliebt sind.