Results 1 to 4 of 4

Thread: Animated 3D Compass

  1. #1

    Default Animated 3D Compass

    hi all

    We need to generate a static compass with a moving needle. the compass is in 3d. will i have any luck letting one of my coders do that in html5 and should he use the animator for such a task. i don't want to sound ignorant at all i just don't know enough to make the correct decision.

    thanks for help

    design sketch of compass:

  2. #2
    Sencha User
    Join Date
    Mar 2010
    Bay Area


    Moving the needle around like this is a 3D animation that is currently only supported on iphone/iPad (and really, not that well). You can create this animation in Animator, but it won't preview correctly in the stage. If you're ok with both those things then you can do this by:

    Creating a base object image with just the compass as you show it (no needle)
    Creating a container to hold the image of a needle with no perspective (aka it should be a photo graph of it taken from directly above.
    Rotate the needle in X until it matches the angle of the compass in your image
    Add an animation that rotates the needle in Z to show it spinning.

  3. #3
    Sencha User's Avatar
    Join Date
    Mar 2007
    DC Area =)


    With that, the 3d animation is not anti-aliased, thus will look chunky and blocky, much like the SNES Mode-7:

    Actual in -work example:

  4. #4
    Ext User
    Join Date
    Nov 2010


    I made "quick and dirty" 3d compass using just Sencha Animator. I removed pointer/indicator in Photoshop and made new undistorted one. It took me 10 mins. so it isn't perfect, but gives you idea.
    Sorry for crapy host.

Similar Threads

  1. Styling, Compass and SASS (0.94)
    By SimonFlack in forum Sencha Touch 1.x: Discussion
    Replies: 11
    Last Post: 7 Jan 2011, 2:08 PM
  2. Compass SASS - How to in 0.96 ?
    By emroot in forum Sencha Touch 1.x: Discussion
    Replies: 0
    Last Post: 8 Oct 2010, 7:53 AM
  3. sass, compass, ruby getting started problems
    By willi in forum Sencha Touch 1.x: Discussion
    Replies: 3
    Last Post: 9 Sep 2010, 2:06 AM
  4. Animated Drawer
    By neall in forum Ext 2.x: Help & Discussion
    Replies: 36
    Last Post: 20 May 2009, 11:21 AM
  5. animated dialog
    By magicfrog in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 5 Jul 2007, 3:56 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts