UI Effects

  • Hello List,
    I am wondering if there are any resources out there for creating UI
    effects. What I mean are effects like rotating and resizing panels
    etc. If you look at code (http://www.panic.com/coda) there's a section
    where you can set up a remote server. The list of servers is a series
    of labels like post-it notes. When you click on one one it flips over
    and you can see the smaller version of the config UI, this then zooms
    up to the front of the display to full size whilst finishing the
    rotation.... I hope you know what I mean.

    I apologise if this should perhaps go to a quartz mailing list (as I
    have a feeling it may be related to that more than Cocoa) but I'm not
    sure if that's the case as I don't know how it's done yet, so I
    thought this might be a good place to start.
    Any websites, books etc on creating such effects (and other nice UI
    hacks like http://www.panic.com/desktastic/ (how is that done for
    example)) would be appreciated.

    Thanks in advance
    --

    ./Sven
  • On 21.09.2007, at 08:58, Sven wrote:
    > of labels like post-it notes. When you click on one one it flips over
    > and you can see the smaller version of the config UI, this then zooms
    > up to the front of the display to full size whilst finishing the
    > rotation.... I hope you know what I mean.

      I think there's a third-party framework that lets you do stuff like
    that ... CoreTransitions or something. A little googling should bring
    it up. It comes with a nice little demo app, and can transition the
    whole window or just a view in it in various ways.

    Cheers,
    -- M. Uli Kusterer
    http://www.zathras.de
  • On 21.09.2007, at 10:17, Emanuele "°" Vulcano wrote:

    >
    > Il giorno 21/set/07, alle ore 09:52, Uli Kusterer ha scritto:
    >
    >> I think there's a third-party framework that lets you do stuff
    >> like that ... CoreTransitions or something. A little googling
    >> should bring it up. It comes with a nice little demo app, and can
    >> transition the whole window or just a view in it in various ways.
    >
    > There is an open source Cocoa framework for animations that makes
    > up part of the game Quinn (at <http://simonhaertel.de/source-
    > code>), but I don't think it's the same one you are referring to.

      CorerTransition (no "s") framework was what I was thinking of, but
    Simon's framework is probably cool, too:

    http://dev.lipidity.com/apple/core-transitions-framework

    Cheers,
    -- M. Uli Kusterer
    http://www.zathras.de
  • Uli, that's the one I found. Looks good and also pointed me toward Core
    image for more info... Simon's frame work looks cool too, but have to wait
    until I get home to test either one of them.... :(

    On 21/09/2007, Uli Kusterer <witness.of.teachtext...> wrote:
    >
    >
    > On 21.09.2007, at 10:17, Emanuele "$B!g(B" Vulcano wrote:
    >
    >>
    >> Il giorno 21/set/07, alle ore 09:52, Uli Kusterer ha scritto:
    >>
    >>> I think there's a third-party framework that lets you do stuff
    >>> like that ... CoreTransitions or something. A little googling
    >>> should bring it up. It comes with a nice little demo app, and can
    >>> transition the whole window or just a view in it in various ways.
    >>
    >> There is an open source Cocoa framework for animations that makes
    >> up part of the game Quinn (at <http://simonhaertel.de/source-
    > > code>), but I don't think it's the same one you are referring to.
    >
    > CorerTransition (no "s") framework was what I was thinking of, but
    > Simon's framework is probably cool, too:
    >
    > http://dev.lipidity.com/apple/core-transitions-framework
    >
    > Cheers,
    > -- M. Uli Kusterer
    > http://www.zathras.de
    >
    >
    >
    >

    --

    ./Sven
  • On Sep 21, 2007, at 1:58 AM, Sven wrote:

    > Hello List,
    > I am wondering if there are any resources out there for creating UI
    > effects. What I mean are effects like rotating and resizing panels
    > etc. If you look at code (http://www.panic.com/coda) there's a section
    > where you can set up a remote server. The list of servers is a series
    > of labels like post-it notes. When you click on one one it flips over
    > and you can see the smaller version of the config UI, this then zooms
    > up to the front of the display to full size whilst finishing the
    > rotation.... I hope you know what I mean.

    I assume you are talking about Coda itself, and not the Panic web site?

    (The animation you describe sounds a lot like the flip animation for
    dashboard widgets)

    If so, then I would recommend looking at:

    http://www.apple.com/macosx/leopard/technology/coreanimation.html

    Core Animation is a new technology that is being added to Leopard for
    just this kind of dynamic user interface.  You can read the publicly
    available details at the site above.

    If you don't want to wait for Leopard, or have to support older
    operating systems, then your best bet is going to be to start learning
    about OpenGL.  Most of the effects like the one you describe are
    accomplished by creating an OpenGL scene and using a combination of
    quads and texture maps to move things around quickly.

    OpenGL is not your only choice, of course, you can also animate using
    Quartz 2D calls and timers.  Depending on the complexity of the
    animation effect you'd like to achieve, this may be the simpler course.

    Scott
  • On Sep 21, 2007, at 4:24 AM, Uli Kusterer wrote:

    >
    > On 21.09.2007, at 10:17, Emanuele "∞" Vulcano wrote:
    >
    >>
    >> Il giorno 21/set/07, alle ore 09:52, Uli Kusterer ha scritto:
    >>
    >>> I think there's a third-party framework that lets you do stuff
    >>> like that ... CoreTransitions or something. A little googling
    >>> should bring it up. It comes with a nice little demo app, and can
    >>> transition the whole window or just a view in it in various ways.
    >>
    >> There is an open source Cocoa framework for animations that makes
    >> up part of the game Quinn (at <http://simonhaertel.de/source-
    >> code>), but I don't think it's the same one you are referring to.
    >
    > CorerTransition (no "s") framework was what I was thinking of, but
    > Simon's framework is probably cool, too:
    >
    > http://dev.lipidity.com/apple/core-transitions-framework
    >

    I'm not sure if his framework uses private API, but the original
    article it was based on <http://dev.lipidity.com/tutorial/xcode-transitions-core-graphics-image-2> does.

    using private API is a bad idea, and will eventually come back to
    bite you.
previous month september 2007 next month
MTWTFSS
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Go to today