A more advanced viewer

[btzr-io]

Implement missing features:

• Improve UI / UX.
• Right-to-left for Manga https://github.com/workhorsy/comic_book_reader/issues/86
• Pinch to zoom https://github.com/workhorsy/comic_book_reader/issues/85
• Toolbar ( display: controls, current-page, total-pages, info... )

Examples

https://openseadragon.github.io/examples/ui-binding-custom-buttons/ https://openseadragon.github.io/examples/ui-reference-strip/ http://comics.balaclark.com/demo.html

[btzr-io]

@workhorsy any thoughts on this?

[workhorsy]

I remember testing it out on my touch screen tablet a few years ago (2015?). It just seemed ridiculously sluggish. Lots of things done in JS instead of using the browser's native hardware accelerated functions (because they weren't standard or in all browsers yet). Plus the UI felt like it is trying to force a mouse interface into a touch screen interface. Lots of buttons on screen, no high DPI support, et cetera.

I feel like I'm shitting on it a lot. Which is ironic considering my comic book reader suffers from many of the same problems and more. It just feels like browser tech wasn't(isn't?) ready yet.

I'll have to check it out again and see how it works with a mouse/keyboard and touch screen in 2018. I bet it runs a lot better now as browsers have caught up a lot. I also need to look into how the UI can be customized.

[workhorsy]

If I have time tonight, I'll see if I can make a trivial example app and test it on my tablet.

[btzr-io]

You are probably right, openSeaDragon may be an overkill, but it has some nice features, and yes the the ui is fully customizable.

[workhorsy]

I did a small test while on break at work. It seems to run much better on my tablet. Go ahead and try using it if you want. I especially like the pinch to zoom.

made a very simple example: https://github.com/workhorsy/comic_book_reader/tree/test_open_dragon

[btzr-io]

Ok, I'll see if I can make a simple preact component to integrate osd