5 ms·
Very clever story telling using HTML and Javascript...
- kungfooey 15y agoWow. This is fantastic. Clever story, clever execution, clever little surprises in the illustrations. Can't wait to see what else this guy comes up with.
- silvestrov 15y agoFor each page, you must use the horizontal scrollbar to see see the animation and the rest of the images.
- petewailes 15y agoTotally didn't get this until I started poking around. Assumed the next page links up the top would take me forward, not scrolling right.
- Martijn 15y agoI wonder if it matters whether people are using their trackpad. I was using mine and immediately figured it out; maybe it's because scrolling horizontally is trivial with a trackpad?
- ComputerGuru 15y agoI just wanted to confirm the same. Didn't even give it pause on my MBP.
- Caballera 15y agoditto
- MaxGabriel 15y agoBut I will say that on my old HP G60 laptop, I wouldn't have had the same ability (it only had the up/down scroll via the touchpad), and I think alot of other laptops are similar. The scroll experience on my MBA is perfectly smooth.
- sesqu 15y agoThe last time I saw this, I used the numbers. This time, on a different browser, I automatically went to the left and right arrows on my keyboard. I'd wager it isn't so much about the trackpad, but the programs you've been using lately.
- Klinky 15y agoYou can also use the numbered circles at the top to advance to each section of the image. This can also provide a less jerky scrolling than doing it manually.
- petewailes 15y agoSo, I've got a question... Whilst this is undeniably cool, can anyone actually anything beyond short children's literature being told this way? As a more random note, what innovation have people seen/would people like to see in the literature space? How would you tell a novel online? Discloser: am writing a novel, and reserve the right to totally take any ideas from this and incorporate them. If I do, you'll get a credit in the book.
- waterside81 15y agoMaybe comic books and graphic novels, like Watchmen? Just as people subscribe to RSS feeds for news, I don't see why in theory people wouldn't subscribe to a a novel that releases new chapters via some syndication method.
- ulisesroche 15y agoYou may want to take a look at eliterature.org, for some ideas. I think there is something to be said that visual and interactive novels make up about 70% of game titles released in Japan. http://en.wikipedia.org/wiki/Visual_novel http://en.wikipedia.org/wiki/Visual_novel An IF novel should do quite well as a mobile App. I've been taking a few stabs in the dark lately, adapting Kafka's "The Metamorphosis" into an IF piece, but haven't had much luck, really.
- petewailes 15y agoInteresting. I'll have a more thorough nose around that later. Cheers!
- int3rnaut 15y agoI honestly can't right now but that doesn't mean there isn't anything beyond stories. Someone mentioned comics--and I think that would be a good idea, but I think the comic industry is past that. Motion comics basically do the exact same thing but in a much more fluid/better way. Here's an example of a Motion comic (from 2009 too) from Marvel: http://www.youtube.com/watch?v=PAUAC0RzMis http://www.youtube.com/watch?v=PAUAC0RzMis
- hobolobo 15y agoWell, this is awkward. (Check u/n) I am unable to claim responsibility for this :)
- jpdelatorre 15y agoLooks really cool. This would be an amazing tablet app for children. +1 if there's a voice over option. Although it seems a LOT of work to put together.
- zeugma 15y agoIf you read the story further, you will see it is not really the children version of the tale.
- jpdelatorre 15y agoI'm referring to the technology/approach he used to present the story and not the actual story.
- mambodog 15y agoI am working on something similar to this, though I've implemented a renderer like that of a game, with all visible elements being rendered at 30 fps, foregoing DOM manipulation for writing HTML text directly to innerHTML[1], and culling non-visible elements. This avoids the slight jerkiness that exists when scrolling on the linked page. [1] http://www.youtube.com/watch?v=_RRnyChxijA&t=22m56s http://www.youtube.com/watch?v=_RRnyChxijA&t=22m56s
- MrHoatzin 15y agoAnother reason for the flicker is that Hobo Lobo doesn't calculate a realtime scroll, it has a repeating 50ms timeout that listens to see if horizontal scroll has happened, and then recalculates all the positioning. I guess I could set it up to fire more often, but I felt 50ms was a good tradeoff of performance vs quality.
- inportb 15y agoI really enjoyed the experience!
- sigvef 15y agohttp://hobolobo.net/what-is-this-thing http://hobolobo.net/what-is-this-thing thinks I'm using Internet Explorer, when in reality I'm using Chrome 14.0.803.0 dev-m.
- ineedtosleep 15y agoMicrosoft also made something similar to show off IE9's HTML5/CSS3 capabilities. I don't have a link handy, but it should be easy to find.
- nerdinexile 15y agoYou know what this'd be great for? Narrative puzzles. Imagine if Planetarium (http://www.beholder.co.uk/planetarium/ http://www.beholder.co.uk/planetarium/) had had access to this technology.