1. #1
    Ext User
    Join Date
    Apr 2010
    Posts
    1
    Vote Rating
    0
    tvpittner is on a distinguished road

      0  

    Default Animated 3D Compass

    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: http://img.skitch.com/20101110-jc8c5...np.preview.jpg

  2. #2
    Sencha - Management Team
    Join Date
    Mar 2010
    Location
    Bay Area
    Posts
    152
    Vote Rating
    1
    mmullany is on a distinguished road

      0  

    Default


    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 - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,337
    Vote Rating
    75
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    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
    Location
    Poland
    Posts
    19
    Vote Rating
    0
    mic.b is on a distinguished road

      0  

    Default


    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.

    http://test-it.0catch.com/

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

Thread Participants: 3

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar