Can html5 create motion comic?

[PisajElf]

How can html5 create motion comic, for exsample as korean webtoon.

http://www.webtoons.com/en/thriller/chiller/tasteful-body-cheongbori/viewer?title_no=536&episode_no=6

The comic has reaction and play sounds when you scroll down, how it make? How do I get start?

[mattstyles]

We've just made one for a client (not released yet) which was an action comic, first part is 12 pages on paper, ended up slightly different on the web.

We had a continuous ambient soundtrack but it did play animations when you reached certain points on the scroll, certain parallaxed parts and speech bubbles appearing, that sort of thing, nothing too complex.

I did it fairly simply, listened out for scroll events, got the scroll position and reacted accordingly. All animations were tied to the scroll position, but this never worked out janky or ugly and I added an auto-scroll which was super smooth, although it was fun to scroll up and down and watch the animations anyway. If you find that a bit heavy then you can just trigger animations when you reach certain scroll positions.

I dont use jQuery (no need for it these days), so this was all done in vanilla, but I think there are numerous jQuery plugins/modules (waypoint maybe?) for listening out for scroll position and triggering events if thats more your thing.

I treated the scroll events as a stream of scroll positions (limited to roughly 60 per second as that was granular enough), but you have to use a little 'shield' around values as when you scroll it is not linear i.e. testing for scroll position === 800 may not work, use 790 < y < 810, or as close as you need.

With regard to playing sounds instead of/as well as animations, you can either use one large sound file and play sections of it at a time (2.7 to 3.2, for example) or use lots of little files, if you use lots of little files you'll probably want to preload them so they'll be available when you need them, for the large audiosheet (its analogous to a spritesheet) you just need to make sure your 'first' sounds are packed at the start and that enough of them are loaded so you can begin.