Coder Social home page Coder Social logo

Animation does not work fluent about jazzhands HOT 15 CLOSED

ifttt avatar ifttt commented on June 2, 2024
Animation does not work fluent

from jazzhands.

Comments (15)

steffimueller avatar steffimueller commented on June 2, 2024

+1 I have the same problem. Is this a bug or does a workaround exist?

from jazzhands.

jhersh avatar jhersh commented on June 2, 2024

Probably worth trying just doubling your keyframes: multiply your return value from timeForPage by 2 and double the values you pass into -[IFTTTAnimator animate:]

from jazzhands.

confile avatar confile commented on June 2, 2024

Does this mean I should double the pages as well?

from jazzhands.

steffimueller avatar steffimueller commented on June 2, 2024

@jhersh Could you please explain how to solve this issue. I have the same problem. When I make a frame animation, e.g., move a big UIView from page one to page two in a UIScrollView. The animation does not seem to be smooth. How can this be solved?

from jazzhands.

confile avatar confile commented on June 2, 2024

Here is a good example: https://github.com/confile/Intro-Guide-View-for-Talk.ai

Look at the view at the top. When you move from page to page. While the animation is running the view at the top is slightly moving from left to right. The animation appears a bit fuzzy.

from jazzhands.

steffimueller avatar steffimueller commented on June 2, 2024

I still struggle with this issue too. Could anyone from the JazzHands team please make a comment on this.

I also raised a bounty: http://stackoverflow.com/questions/30656470/key-frame-animation-appears-fuzzy-when-moving-frames

from jazzhands.

confile avatar confile commented on June 2, 2024

+1

from jazzhands.

steffimueller avatar steffimueller commented on June 2, 2024

@lauraskelton Could you please take a look at this issue. Thanks!

from jazzhands.

lauraskelton avatar lauraskelton commented on June 2, 2024

@steffimueller I'll look into it!

from jazzhands.

lauraskelton avatar lauraskelton commented on June 2, 2024

@steffimueller The problem is due to Retina screen displays. I'll work on getting JazzHands updated, but in the meantime, you need to double the frame rate that JazzHands is using to animate the scroll view. Here's an example of the changes you'd need to make in the example that @confile posted: https://gist.github.com/lauraskelton/11cec6a14a963a912e7f

(original version demonstrating the jiggling: https://github.com/confile/Intro-Guide-View-for-Talk.ai/blob/master/talkIntro/ViewController.m)

Here are some more details on your StackOverflow question: http://stackoverflow.com/questions/30656470/key-frame-animation-appears-fuzzy-when-moving-frames/30880549#30880549

from jazzhands.

steffimueller avatar steffimueller commented on June 2, 2024

@lauraskelton thanks for help. I look forward to see your update.

from jazzhands.

confile avatar confile commented on June 2, 2024

@lauraskelton You improved it but is is still jiggling a bit.

from jazzhands.

lauraskelton avatar lauraskelton commented on June 2, 2024

@steffimueller @confile I just released JazzHands 2.0, which fixes this issue entirely by using CGFloat values in animate:, and lazily finding the in-between values as they're requested, which should completely eliminate the jiggling.

from jazzhands.

confile avatar confile commented on June 2, 2024

@lauraskelton Thank you. Great job.

from jazzhands.

confile avatar confile commented on June 2, 2024

@lauraskelton Works great.

from jazzhands.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.