Advance Your Comic Panels In Any Direction With Normal Vertical-Scrolling
——— scroll to see effect ——>
King Spot is a webcomic presented as a challenge to participate in and support the arts. Its display features considerable spacial-interactivity but, unlike Flash, is also cross- device- friendly, allowing you to read it on your smartphone* in one hand while you drive** with the other. To advance net-art, and offer another option for presenting webcomics, I've made available this basic sample of the scroll-feature I used to display my story. The HTML, CSS, and JavaScript may be reviewed whole in the source-code.
As the medium that makes the most with line, comics best embody the practice George Carlin claimed, of revealing the thoughts of an individual or an intimate collaboration, with the least compromise and the easiest reception. Exploring options to tailor comics for web-display only seems to further pursuit of the best practices of the medium.
Thanks,
Mike Leung
*If your default mobile browser doesn't read stylesheets for handhelds, you can read King Spot on Opera Mobile (review device-compatibility) or Opera Mini (review device-compatibility).
**No, not really.
Go to King Spot
3 pages from King Spot included in virtual gallery
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.