Results 1 to 7 of 7
  1.    #1  
    Hi everyone.

    First of all, let me say that the WebOS line of phones/tablets is really quite a nice one. I really enjoy the look and feel of my HP Pre 3, ever since the day I bought it approximately 6 months ago.

    However, there's been something increasingly frustrating about this device (WebOS as a whole, actually), that I just can't seem to circumvent.

    The lack of WebGL and CSS 3D support is rather discouraging.

    While the missing support for WebGL can probably be fixed on an app-app basis (binding the calls to OpenGL ES), CSS 3D is a whole other matter.

    Right now, I'm trying to create a children's book app I can then pack as IPK (as well as for other devices, running Android, iOS, Windows Phone and Blackberry 10).

    I'd like to use dynamic page transitions (preferably with easing). Normally, I'd just utilize jquery and a few CSS transforms. However, my intensive research (I've tried pretty much every existing library, out of which only one would work with my HP Pre 3's browser, but would lack the required dynamics*) turned up not a single efficient and dynamic technique that would actually work with WebOS (2.x)

    So to be blunt, my question is: Is there any way to achieve believable "3D" page transitions inside WebOS' browser?

    *Simply touching the edge of a page isn't really an elegant solution, IMHO. I'd like my ebook to support pinching and swipping, as well.
  2. #2  
    I don't think so, I tried to do that as well, I ended using no animations whatsoever for the page flipping
    Just remember: If I helped you, press the thanks button!

    Owner of: Pre Sprint, Pre Telcel, Pre Plus AT&T, Pre 2 Unlocked, Pixi Plus AT&T, and 2 TouchPads (my Pre3 was stolen so it won't appear again here).
    Needs: Veer (anyone?)
    Apps: Subnet Calculator, FreeCam, PhotoFun, NuttyPad (work in progress)
    HomeBrew: meta-doctor and Messaging Plugins collaborator
    Twitter: @cesarneg
  3. #3  
    I think the Kindle app on the TouchPad had pretty good page turning animations.
  4. #4  
    It can be done - for inspiration check Pure CSS3 Page Flip Effect (I have test ipk somewhere in the archive with tweaked css for webos - but this was the original implementation)
  5.    #5  
    Thanks. I'll try this out.

    Surprised it would work with WebOS, though. Very few of the CSS3 transitions I tried actually worked as they should.

    20 Things I Learned About Browsers and the Web and a few others would implicate from the start that my browser was lacking support, while other frameworks/solutions would simply not accept any input.
  6. #6  
    I think the support might be from WebKit than any standards. The animate entities (or whatever they're called in CSS) have "-webkit" prepended. There was also something about Enyo 1 not working properly on non WebKit based browsers, so I assume Enyo used a lot of WebKit specific features.
  7.    #7  
    Finally got around trying the example by Román Cortés.
    The transition is kind of faulty, but that's probably nothing some math tricks/trial and error couldn't fix.

    What I'm more concerned about is how difficult it might prove to add several more pages and a more defined sweetspot for opening those pages.

    On another note:

    Is there any way any of these samples could work with WebOS 2.x?

    Experimental Page Layout Inspired by Flipboard | Codrops
    BookBlock: A Content Flip Plugin | Codrops
    Easing - Demos - Booklet - jQuery Plugin

Posting Permissions