{"id":1629,"date":"2016-10-26T01:17:52","date_gmt":"2016-10-26T01:17:52","guid":{"rendered":"http:\/\/bobbyciraldo.com\/uwm-vfx\/?page_id=1629"},"modified":"2018-05-08T21:42:58","modified_gmt":"2018-05-08T21:42:58","slug":"looping-keyframes","status":"publish","type":"page","link":"https:\/\/ciraldo.stream\/uwm-vfx1\/topics\/looping-keyframes\/","title":{"rendered":"Looping keyframes with expressions"},"content":{"rendered":"

Looping Keyframes with Expressions<\/strong><\/h2>\n

 <\/p>\n

    \n
  1. loopIn and loopOut family of expressions<\/span><\/strong>\n
      \n
    1. Sometimes you want to loop the keyframes<\/strong> on a layer’s property<\/li>\n
    2. Make sure you have some keyframes on your property. The loopOut and loopIn expressions don’t work without keyframes to loop!<\/strong><\/li>\n
    3. Turn on expressions<\/strong> for the keyframed property by Option\/Alt-clicking<\/strong>\u00a0the stopwatch. Now you should see something like:
      \n\"screen-shot-2016-10-25-at-4-14-03-pm\"
      \nAt the bottom-right of the image above is a little black triangle button inside a light gray circle<\/strong>. Click that<\/em>, it’s a shortcut menu for accessing commonly used expression snippets. It looks like this:
      \n\"screen-shot-2016-10-25-at-4-14-28-pm\"<\/li>\n
    4. Choose loopOut(type=”cycle”, numKeyframes=0)<\/strong><\/span><\/li>\n
    5. It should now show up in the expression text area:
      \n\"screen-shot-2016-10-25-at-4-18-39-pm\"<\/li>\n
    6. The word cycle<\/strong><\/span> means the loop should start over at the beginning<\/em> when it gets to the end of the loop. It can be replaced with certain other words. Replace it with the word pingPong<\/strong><\/span>\u00a0so that the loop plays back-and-forth:
      \nloopOut(type=”pingPong”, numKeyframes=0)<\/strong><\/li>\n
    7. The value for numKeyframes<\/strong> is used to indicate how many keyframes should be included in the loop, and is a little weird<\/em>. The value 0 (zero)<\/strong><\/span> is special. 0<\/b><\/span>\u00a0means “include all of this property’s keyframes in the loop.” \u00a0But a value of 1 or more<\/strong><\/span> means “include the last keyframe plus\u00a0this many additional keyframes.<\/strong>“<\/em>\u00a0So a value of 1<\/strong><\/span> means loop the last “two keyframes.”
      \n\"aetipsloopout\"<\/li>\n
    8. The stuff inside the parentheses are called parameters. Some parameters have default values for when you don’t type them out. For example, the default value of loopOut<\/strong>‘s type<\/strong>\u00a0parameter is “cycle”<\/strong><\/span> and the default value for the\u00a0numKeyframes<\/strong>\u00a0parameter is 0<\/strong><\/span>. So if you just type this in an expression area:\n
      loopOut()<\/pre>\n
      ..it’s the same as typing this:<\/p>\n
      loopOut(type=\"cycle\", numKeyframes=0)<\/pre>\n<\/li>\n
    9. loopIn<\/strong><\/span> is very similar to loopOut<\/strong>, but used for looping keyframes earlier in time<\/em><\/strong><\/span>\u00a0as opposed to later in time.\n
      loopIn(type=\"pingPong\")<\/pre>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
      Looping Keyframes with Expressions   loopIn and loopOut family of expressions Sometimes you want to loop the keyframes on a layer’s property Make sure you have some keyframes on your property. The loopOut and loopIn expressions don’t work without keyframes to loop! Turn on expressions for the keyframed property by Option\/Alt-clicking\u00a0the stopwatch. Now you should … <\/p>\n
      Continue reading “Looping keyframes with expressions”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1278,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1629","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/pages\/1629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/comments?post=1629"}],"version-history":[{"count":5,"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/pages\/1629\/revisions"}],"predecessor-version":[{"id":2701,"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/pages\/1629\/revisions\/2701"}],"up":[{"embeddable":true,"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/pages\/1278"}],"wp:attachment":[{"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/media?parent=1629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}