Reducing jerkiness

Animation
1

I have a web ad here, file below, that my client keeps saying seems jerky and not smooth. I’d like advice on what i’m doing wrong on getting the hearts to glide up and off the screen more smoothly…

Here’s the testing website, and then the live file.

Thanks
Chris

Live 160x600 WebAd Page

Hype 160x600 WebAd File

2

I can’t download the zip file

3

Ditto

4

I tested the url, https://www.dropbox.com/s/7br4i378hqoum94/160x600.zip?dl=0 and was able to download it. Can you try again? Maybe I had the url wrong??

Thanks
Chris

5

Hi Chris!

  1. You should be using Motion Paths instead of “Left~Top Origin” point to point clicks.
    Motion Paths will create smooth curves or linear lines.
    Read about them here: http://tumult.com/hype/documentation/3.0/#motion-paths

  2. These point to point segments in turn have a variety of “timing functions” working against themselves all in the same path flow. As each FingerPrint moves from point to point You have a mishmash of timing functions at each different point for the same element “ease-in~ease-out”, “elastic” (yo-yo effect), etc.
    Read about “Timing Functions” here:
    http://tumult.com/hype/documentation/3.0/#easing-amp-animation-timing-functions

MotionPathEasing.png704×198 32 KB

I have also attached a demo reduced to one fingerprint using the above techniques:
160x600_Demo.hype.zip (23.6 KB)

1 Like
6

Thanks Jim! That’s awesome.

‘Rotation follows motion path’ also might be useful for you:

1 Like
7

Thanks, taking a look at all this great stuff now. thanks!!

Chris