Advertentie
Canvas en JavaScript zijn de nieuwe superhelden. Wat? Je hebt er nog nooit van gehoord? Nou, dat komt omdat je er nog niet zo bekend mee bent HTML5. Dankzij het potentieel van HTML5 kunnen The Avengers zeer binnenkort naar uw webbuurt komen. Bewonder het al heeft een web-app die uw Chrome-browser verandert in een gelikte stripboeklezer. Het zit allemaal in HTML5 glorie.
Ik hoop dat je daar vandaan bent gekomen. Hoewel de strips zelf nog niet in HTML5 zijn gemaakt, zijn er enkele prototypes die coole voorbeelden zijn van wat HTML5 kan doen om onze stripervaring een stuk boeiender te maken. Dit artikel laat een aantal van deze vroege inspanningen zien. Hoewel HTML5 al dan niet een Flash-killer is, zeggen de veelbetekenende tekens (en Apple) dat HTML5 zeker een productiviteitsmoordenaar kan zijn!
Hier zijn vier ongelooflijk coole HTML5-webstrips ...
Dit is een demo HTML5 Scroll Book die zegt dat het de eerste HTML5 scroll-geactiveerde digitale stripboek-webapplicatie is. Het is ontwikkeld door Saizen Media en heeft de
FWA Website Award voor Site of The Day begin dit jaar. Klik op de bankmodus en leun achterover terwijl de strip automatisch scrolt. Kijk hoe de personages en objecten overeenkomstig uw schuifpositie bewegen. Een voice-over en muziek dragen bij aan het effect van het Manga-artwork. Het stripboek met statische beelden wordt zo getransformeerd. Het opstarten duurde even (ik heb een relatief trage verbinding), maar toen het eenmaal zover was, was het echt indrukwekkend. Jammer, dat het maar een demo is.
De About-passage op de HTML5-site zegt het het beste -
Never Mind The Bullets biedt de traditionele stripervaring, verrijkt met de effecten van parallax. Door een simpele muisbeweging wordt de strip geanimeerd en komt het verhaal tot leven. Het verhaal speelt zich af in LongHorn Gush, een rustige stad die last heeft van een groep bandieten die zichzelf The Red Bandanas noemen. Met de komst van de beroemde Bill ‘One Shot’ Collins gaat het echter veranderen ...
Wat is een parallax? Hier is Wikipedia. De interactieve webstrip is een showcase voor HTML5-mogelijkheden in IE9. Laat je niet afschrikken door het 'IE'-gedoe terwijl je geniet van het verhaal van het Wilde Westen door van links naar rechts te schuiven.
Bifter is een SVG-strip (Scalable Vector Graphics) die veel gebruik maakt van HTML5. SVG is Open Source en is een compact formaat voor interactieve scripting en animatie, vooral wanneer het moet worden bekeken op apparaten met verschillende resoluties (zoals mobiele telefoons). In deze webstrips van Jonathan Ingram zijn Biff en Dave twee honden en de strip brengt hun avonturen in verband met sociaal commentaar. Lees de 18 nummers die nu te zien zijn in uw browser.
Je hebt de film gezien. Bekijk nu deze coole blauwe neonverlichte animatieroman die een verhalende 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. Schitterend artwork en een achtergrondscore zorgen ervoor dat je helemaal opgaat in The Grid. Volg Kevin Flynn door over het scherm te scrollen terwijl hij probeert te ontsnappen aan de Grid en Clu, de tiran.
Deze vier HTML5 zijn visuele traktaties waar u van kunt genieten. Niet de HTML5-webstripwereld is een beetje schaars, maar ik denk dat dat geleidelijk zal veranderen als ontwikkelaars realiseren zich de voordelen van het creëren van aangepaste leeservaringen met behulp van deze moderne website technologieën. Maar als je meer van HTML5 wilt weten, volgen hier nog een paar richtingspijlen:
- 10 websites om te zien waar HTML5 over gaat 10 websites om te zien waar HTML5 over gaat Lees verder
- 5+ Indrukwekkende gratis HTML5-spellen die u in uw browser kunt spelen 5+ Indrukwekkende gratis HTML5-spellen die u in uw browser kunt spelenHTML5 betekent de evolutie van de opmaaktaal zoals we die kennen. Flash-games waren ooit de norm als het ging om browsergebaseerd entertainment, maar dankzij de krachtige aard van HTML5 zijn veel webapplicaties, ... Lees verder
- 15 sites die geweldige dingen doen met HTML5 15 sites die geweldige dingen doen met HTML5 Lees verder
Heb ik een HTML5-webstrip gemist die er is? Zet de link in de reacties neer en vergeet niet ons te vertellen of je een fan bent van webstrips en je favoriete van allemaal.
Saikat Basu is de adjunct-redacteur voor internet, Windows en productiviteit. Na het verwijderen van het vuil van een MBA en een tienjarige marketingcarrière, is hij nu gepassioneerd om anderen te helpen hun verhaalvaardigheden te verbeteren. Hij let op de ontbrekende komma in Oxford en heeft een hekel aan slechte screenshots. Maar ideeën over fotografie, Photoshop en productiviteit kalmeren zijn ziel.
