Canvas und JavaScript sind die neuen Superhelden. Was? Du hast nichts von ihnen gehört? Nun, das liegt daran, dass Sie HTML5 noch nicht so gut kennen. Sehr bald könnten The Avengers aufgrund des Potenzials von HTML5 in Ihre Web-Nachbarschaft kommen. Marvel verfügt bereits über eine Web-App, die Ihren Chrome-Browser in einen eleganten Comic-Reader verwandelt. Es ist alles in HTML5 Ruhm.
Ich hoffe, du bist von dort zurückgekommen. Während die Comics selbst noch nicht in HTML5 gemacht sind, gibt es einige Prototypen, die coole Beispiele dafür sind, was HTML5 tun kann, um unser Comic-Strip-Erlebnis viel ansprechender 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 erstaunlich coole HTML5-Webcomics ...
Seelenverkäufer
Dies ist ein Demo-HTML5-Scroll-Buch, das besagt, dass es die erste HTML5 Scroll-aktivierte digitale Comic-Webanwendung ist. Es wurde von Saizen Media entwickelt und hat Anfang dieses Jahres den FWA Website Award für Site of the Day erhalten. Klicken Sie auf den Couch-Modus und lehnen Sie sich zurück, während das Comicbuch automatisch scrollt. Beobachten Sie, wie sich die Zeichen und Objekte entsprechend in Ihre Bildlaufposition bewegen. Ein Voiceover und Musik ergänzen die Wirkung des Manga-Artworks. Das statische Comicbild wird somit transformiert. Es hat eine Weile gedauert, bis ich angefangen habe (ich habe eine vergleichsweise langsame Verbindung), aber es war wirklich beeindruckend. Schade, dass es nur eine Demo ist.
Kümmere dich nie um die Kugeln
Die Info-Passage auf der HTML5-Seite sagt es am besten -
Never Mind The Bullets bietet das traditionelle Comic-Strip-Erlebnis, bereichert durch die Wirkung von Parallax. Durch eine einfache Bewegung der Maus wird der Streifen animiert und die Geschichte wird lebendig. Die Geschichte spielt in LongHorn Gush, einer ruhigen Stadt, die von einer Bande von Gesetzlosen heimgesucht wird, die sich selbst The Red Bandanas nennen. Doch mit der Ankunft des berühmten Bill 'One Shot' Collins werden sich die Dinge ändern ...
Was ist eine Parallaxe? Hier ist Wikipedia. Der interaktive Webcomic ist ein Schaufenster für HTML5-Funktionen in IE9. Lass dich von dem "IE" -Ding nicht abschrecken, während du die Geschichte von Wild West genießt, indem du von links nach rechts schwingst.
Bifter
Bifter ist ein SVG (Scalable Vector Graphics) Webcomic, der stark HTML5 verwendet. SVG ist Open Source und ist ein kompaktes Format für interaktives Scripting und Animation, besonders wenn es in Geräten mit unterschiedlichen Auflösungen (wie Handys) betrachtet werden muss. In diesen Webcomics von Jonathan Ingram sind Biff und Dave zwei Hunde und der Comic erzählt ihre Abenteuer mit sozialen Kommentaren. Lesen Sie die 18 Ausgaben in Ihrem Browser.
Disney Digital Bücher - TRON
Du hast den Film gesehen. Nun, schau dir diesen coolen, blau leuchtenden Zeichentrickroman an, der eine Storytelling-Kollaboration zwischen Disney und Microsoft war. Genau wie Never Mind The Bullets wurde das HTML5-Vorzeigeprojekt erstellt, um die neuen Webtechnologien auf IE9 zu demonstrieren. Hervorragendes Artwork und eine Hintergrund-Partitur verbinden dich in The Grid. Folgen Sie Kevin Flynn, indem Sie den Bildschirm scrollen, während er versucht, dem Grid 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 ein bisschen spärlich, aber ich denke, dass sich das schrittweise ändern wird, wenn Entwickler die Vorteile der Erstellung von individuellen Leseerfahrungen mit diesen modernen Webtechnologien erkennen. Aber wenn Sie sich für mehr von HTML5 interessieren, hier sind ein paar weitere Richtungspfeile:
- 10 Webseiten, um zu sehen, was HTML5 alles über 10 Webseiten zu sehen gibt HTML5 dreht sich alles um 10 Websites, um zu sehen, worum es in HTML5 geht Mehr lesen
- 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 einst die Norm, wenn es um Browser-basierte Unterhaltung ging, aber jetzt dank der starken Natur von HTML5 viele Web-Anwendungen, ... Lesen Sie mehr
- 15 Sites, die erstaunliche Dinge mit HTML5 tun 15 Sites, die erstaunliche Dinge mit HTML5 tun 15 Sites, die erstaunliche Dinge mit HTML5 tun Lesen Sie mehr
Habe ich einen HTML5-Webcomic verpasst, der da draußen ist? Lassen Sie den Link in den Kommentaren stehen und vergessen Sie nicht, uns mitzuteilen, ob Sie ein Fan von Webcomics sind und ob Sie einer von ihnen sind.