Canvas en JavaScript zijn de nieuwe superhelden. Wat? Heb je nog nooit van ze gehoord? Nou, het is omdat je nog niet zo bekend bent met HTML5. Al snel kunnen de Avengers naar uw webbuurt komen dankzij het potentieel van HTML5. Marvel heeft al een webapp die van je Chrome-browser een gelikte stripboeklezer maakt. Het is allemaal in HTML5 glorie.
Ik hoop dat je daar terug bent gekomen. Hoewel de strips zelf nog niet in HTML5 zijn gemaakt, zijn er enkele prototypen die leuke voorbeelden zijn van wat HTML5 kan doen om onze stripervaring een stuk boeiender te maken. Dit artikel toont enkele van deze vroege inspanningen. Hoewel HTML5 al dan niet een Flash-killer is, zeggen de veelbetekenende tekens (en Apple) dat HTML5 absoluut een productiviteitsmisdadiger kan zijn!
Hier zijn vier ongelooflijk coole HTML5-webstrips ...
Soul Reaper
Dit is een HTML5-scrolboek met demo-indeling waarin staat dat het de eerste HTML5-webalbum-app met scrolleingfunctie is. Het is ontwikkeld door Saizen Media en heeft begin dit jaar de FWA Website Award in de wacht gesleept voor Site of The Day. Klik op de Couch-modus en leun achterover terwijl de strip automatisch scrolt. Kijk hoe de personages en voorwerpen overeenkomstig bewegen naar uw schuifpositie. Een voice-over en muziek dragen bij aan het effect van de Manga-illustratie. Het stripalbum met statische afbeeldingen is dus getransformeerd. Het duurde een tijdje om op te starten (ik heb een relatief trage verbinding), maar toen het eenmaal zover was, was het echt indrukwekkend. Jammer, dat het slechts een demo is.
Let nooit op de kogels
De passage Over op de HTML5-site zegt het het beste:
Never Mind The Bullets biedt de traditionele stripervaring die is verrijkt door de effecten van parallax. Door een eenvoudige beweging van de muis wordt de strip geanimeerd en komt het verhaal tot leven. Het verhaal speelt zich af in LongHorn Gush, een rustig stadje met een band van bandieten die zich The Red Bandanas noemen. Echter, met de komst van de beroemde Bill 'One Shot' Collins staan er dingen op het punt om te veranderen ...
Wat is een parallax? Hier is Wikipedia. De interactieve web-strip is een etalage voor HTML5-mogelijkheden in IE9. Laat het 'IE'-ding je niet afschrikken als je geniet van het verhaal in het Wilde Westen door van links naar rechts te pannen.
Bifter
Bifter is een SVG (Scalable Vector Graphics) -webverhaal dat HTML5 zwaar gebruikt. SVG is Open Source en is een compact formaat voor interactieve scripting en animatie, vooral als het moet worden bekeken op apparaten met verschillende resoluties (zoals mobiele telefoons). In deze web-strips van Jonathan Ingram zijn Biff en Dave twee honden en de strip vertelt hun avonturen met ingezonden sociaal commentaar. Lees de 18 nummers die nu te zien zijn in je browser.
Disney Digital Books - TRON
Je hebt de film gezien. Neem nu een kijkje in deze coole blauwe, neon-verlichte geanimeerde roman die een vertel samenwerking was tussen Disney en Microsoft. Net als Never Mind The Bullets is het HTML5-paradepaardje gemaakt om de nieuwe webtechnologieën op IE9 te demonstreren. Fantastische illustraties en een achtergrondscore combineren om je onder te dompelen in The Grid. Volg Kevin Flynn door op het scherm te scrollen terwijl hij probeert te ontsnappen aan de Grid en Clu, de tiran.
Deze vier HTML5 zijn visuele lekkernijen waar u van kunt genieten. Juist niet de HTML5 web-komische wereld is een beetje schaars, maar ik denk dat dat geleidelijk zal veranderen als ontwikkelaars de voordelen realiseren van het creëren van aangepaste leeservaringen met behulp van deze moderne webtechnologieën. Maar als u geïnteresseerd bent in meer HTML5, volgen hier enkele meer gerichte pijlen:
- 10 Websites om te zien waar HTML5 alles over heeft 10 Websites om te zien waar HTML5 alles over heeft 10 Websites om te zien waar HTML5 over gaat Meer lezen
- 5+ Indrukwekkende gratis HTML5-games die u in uw browser kunt spelen 5+ Indrukwekkende gratis HTML5-games die u in uw browser kunt spelen 5+ Indrukwekkende gratis HTML5-games die u in uw browser kunt afspelen HTML5 betekent de evolutie van opmaaktaal zoals wij die kennen. Flash-spellen waren ooit de norm als het ging om browser-gebaseerd entertainment, maar nu dankzij de krachtige aard van HTML5 vele webapplicaties, ... Lees meer
- 15 sites die geweldige dingen doen met HTML5 15-sites die geweldige dingen doen met HTML5 15-sites die geweldige dingen doen met HTML5 Meer lezen
Heb ik een web-strip HTML5 gemist die er is? Zet de link in de reacties en vergeet niet om ons te vertellen of je een fan bent van webstrips en je favoriete van allemaal.