4 Erstaunlich beeindruckende HTML5-Web-Comics

Canvas und JavaScript sind die neuen Superhelden. Was? Sie haben noch nichts davon gehört? Nun, weil Sie mit HTML5 noch nicht so vertraut sind. Sehr bald könnten The Avengers dank HTML5 in Ihre Webumgebung kommen. Marvel verfügt bereits über eine Web-App, die Ihren Chrome-Browser in einen Slick-Comicbook-Reader verwandelt. Es ist alles in HTML5 Herrlichkeit.

Ich hoffe du bist von dort zurückgekommen. Während die Comics selbst noch nicht in HTML5 erstellt wurden, gibt es einige Prototypen, die coole Beispiele dafür sind, was HTML5 tun kann, um unser Comic-Erlebnis noch attraktiver zu gestalten. Dieser Artikel zeigt einige dieser frühen Bemühungen. Während HTML5 ein Flash-Killer sein kann oder nicht, sagen die verräterischen Zeichen (und Apple), dass HTML5 definitiv ein Produktivitätskiller sein könnte!

Hier sind vier unglaublich coole HTML5-Webcomics…

Seelenverkäufer

Dies ist ein Demo-HTML5-Scroll-Buch, das besagt, dass es die erste HTML5-Webanwendung ist, die durch Scrollen aktiviert wird. Das von Saizen Media entwickelte Produkt wurde Anfang des Jahres mit dem FWA Website Award für Site of The Day ausgezeichnet. Klicken Sie auf den Couch-Modus und lehnen Sie sich zurück, während das Comicbook automatisch scrollt. Beobachten Sie, wie sich die Zeichen und Objekte entsprechend Ihrer Bildlaufposition bewegen. Ein Voiceover und Musik ergänzen die Wirkung des Manga-Kunstwerks. Das Comicbuch der statischen Bilder wird so umgewandelt. Der Start hat eine Weile gedauert (ich habe eine vergleichsweise langsame Verbindung), aber als er fertig war, war er wirklich beeindruckend. Schade, dass es nur eine Demo ist.

Kümmern Sie sich nicht um die Kugeln

Die Über-Passage auf der HTML5-Site sagt es am besten -

Never Mind The Bullets bietet das traditionelle Comic-Erlebnis, das von den Auswirkungen der Parallaxe bereichert wird. Durch eine einfache Bewegung der Maus wird der Streifen animiert und die Geschichte wird lebendig. Die Geschichte spielt sich in LongHorn Gush ab, einer ruhigen Stadt, die von einer Bande von Outlaws geplagt wird, die sich The Red Bandanas nennen. Mit dem Eintreffen des berühmten "One Shot" -Billers von Collins ändern sich die Dinge ...

Was ist eine Parallaxe? Hier ist Wikipedia. Der interaktive Webcomic ist ein Schaufenster für HTML5-Funktionen in IE9. Lass das nicht “IE” Wenn Sie die Geschichte des Wilden Westens genießen, schwenken Sie von links nach rechts.

Bifter

Bifter ist ein SVG-Web-Comic (Scalable Vector Graphics), der stark HTML5 verwendet. SVG ist Open Source und ist ein kompaktes Format für interaktives Scripting und Animationen, insbesondere wenn es in Geräten mit unterschiedlichen Auflösungen (wie Mobilgeräten) angezeigt werden muss. In diesen Web-Comics von Jonathan Ingram, Biff und Dave sind zwei Hunde, und der Comic erzählt seine Abenteuer mit sozialen Kommentaren. Lesen Sie die 18 Ausgaben, die gerade in Ihrem Browser angezeigt werden.

Disney Digital Books - TRON

Du hast den Film gesehen. Schauen Sie sich jetzt diesen coolen, blauen, neonbeleuchteten animierten Roman an, der eine Storytelling-Kollaboration zwischen Disney und Microsoft war. Genau wie Never Mind The Bullets wurde das HTML5-Prunkstück gemacht, um die neuen Web-Technologien auf IE9 zu demonstrieren. Hervorragende Kunstwerke und eine Hintergrundpartitur lassen Sie in The Grid eintauchen. Folgen Sie Kevin Flynn, indem Sie durch den Bildschirm scrollen, während er versucht, dem Gitter und Clu, dem Tyrannen, zu entkommen.

Diese vier HTML5 sind visuelle Leckerbissen, die Sie genießen können. Richtig, nicht die HTML5-Webcomic-Welt ist etwas spärlich, aber ich denke, das wird sich allmählich ändern, wenn Entwickler die Vorteile der Erstellung von benutzerdefinierten Leseerfahrungen mit diesen modernen Webtechnologien erkennen. Wenn Sie sich jedoch für mehr HTML5 interessieren, finden Sie hier einige Richtungspfeile:

• 10 Websites, um zu sehen, was HTML5 ist Alles über 10 Websites, um zu sehen, was HTML5 ist Alles über 10 Websites, um zu sehen, was HTML5 ist Alles über Lesen Sie mehr
• 5+ beeindruckende kostenlose HTML5-Spiele, die Sie in Ihrem Browser spielen können 5+ beeindruckende kostenlose HTML5-Spiele, die Sie in Ihrem Browser spielen können 5+ beeindruckende kostenlose HTML5-Spiele, die Sie in Ihrem Browser spielen können HTML5 kennzeichnet die Entwicklung der Markup-Sprache, wie wir sie kennen. Flash-Spiele waren einmal die Norm, wenn es um browserbasierte Unterhaltung ging, aber dank der leistungsstarken Eigenschaften von HTML5 haben viele Webanwendungen… Mehr erfahren
• 15 Sites, die mit HTML5 erstaunliche Dinge tun 15 Sites, die mit HTML5 erstaunliche Dinge tun 15 Sites, die mit HTML5 erstaunliche Dinge tun Lesen Sie weiter

Habe ich einen HTML5-Webcomic verpasst? Löschen Sie den Link in den Kommentaren und vergessen Sie nicht, uns zu sagen, ob Sie ein Fan von Web-Comics sind und Ihren Favoriten.

Erfahren Sie mehr über: Comics, HTML5.