{"id":3480,"date":"2025-06-27T15:37:46","date_gmt":"2025-06-27T15:37:46","guid":{"rendered":"https:\/\/andresyves.com\/?post_type=yada_wiki&p=3480"},"modified":"2025-07-08T11:18:05","modified_gmt":"2025-07-08T11:18:05","slug":"animation-via-inpoint-outpoint","status":"publish","type":"yada_wiki","link":"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/","title":{"rendered":"Animation Via inPoint outPoint"},"content":{"rendered":"

EXAMPLES<\/span><\/p>\n

FOR SCALE<\/span><\/p>\n

startScale = [20,20];
\nendScale = [80,80];<\/p>\n

ease(time,inPoint,outPoint,startScale,endScale)<\/p>\n

 <\/p>\n

FOR ROTATION<\/span><\/p>\n

startRotation = 0;
\nendRotation = 360;<\/p>\n

ease(time,inPoint,outPoint,startRotation,endRotation)<\/p>\n

 <\/p>\n

OPACITY<\/span><\/p>\n

rampTime = 1;<\/p>\n

if (time < inPoint + rampTime){
\nease(time,inPoint,inPoint + rampTime,0,100)
\n}else if (time < outPoint – rampTime){
\n100
\n}else{
\nlinear(time,outPoint – rampTime,outPoint,100,0)
\n}<\/p>\n

 <\/p>\n

POSITION<\/span><\/p>\n

rampTime = 1;<\/p>\n

if (time < inPoint + rampTime){
\nease(time,inPoint,inPoint + rampTime,[100,560],[960,560])
\n}else if (time < outPoint – rampTime){
\n[960,560]
\n}else{
\neaseOut(time,outPoint – rampTime,outPoint,[960,560],[1820,560])
\n}<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"wiki_cats":[51],"wiki_tags":[],"class_list":["post-3480","yada_wiki","type-yada_wiki","status-publish","hentry","wiki_cats-expressions"],"acf":[],"yoast_head":"\nAnimation Via inPoint outPoint - A.Y Online<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animation Via inPoint outPoint - A.Y Online\" \/>\n<meta property=\"og:description\" content=\"EXAMPLES FOR SCALE startScale = [20,20]; endScale = [80,80]; ease(time,inPoint,outPoint,startScale,endScale) [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/\" \/>\n<meta property=\"og:site_name\" content=\"A.Y Online\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-08T11:18:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/\",\"url\":\"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/\",\"name\":\"Animation Via inPoint outPoint - A.Y Online\",\"isPartOf\":{\"@id\":\"https:\/\/andresyves.com\/#website\"},\"datePublished\":\"2025-06-27T15:37:46+00:00\",\"dateModified\":\"2025-07-08T11:18:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/andresyves.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wiki Pages\",\"item\":\"https:\/\/andresyves.com\/wiki\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Animation Via inPoint outPoint\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/andresyves.com\/#website\",\"url\":\"https:\/\/andresyves.com\/\",\"name\":\"A.Y Online\",\"description\":\"Andr\u00e9s Yves Portfolio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/andresyves.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Animation Via inPoint outPoint - A.Y Online","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/","og_locale":"es_ES","og_type":"article","og_title":"Animation Via inPoint outPoint - A.Y Online","og_description":"EXAMPLES FOR SCALE startScale = [20,20]; endScale = [80,80]; ease(time,inPoint,outPoint,startScale,endScale) [...]","og_url":"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/","og_site_name":"A.Y Online","article_modified_time":"2025-07-08T11:18:05+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/","url":"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/","name":"Animation Via inPoint outPoint - A.Y Online","isPartOf":{"@id":"https:\/\/andresyves.com\/#website"},"datePublished":"2025-06-27T15:37:46+00:00","dateModified":"2025-07-08T11:18:05+00:00","breadcrumb":{"@id":"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/andresyves.com\/es\/wiki\/animation-via-inpoint-outpoint\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/andresyves.com\/"},{"@type":"ListItem","position":2,"name":"Wiki Pages","item":"https:\/\/andresyves.com\/wiki\/"},{"@type":"ListItem","position":3,"name":"Animation Via inPoint outPoint"}]},{"@type":"WebSite","@id":"https:\/\/andresyves.com\/#website","url":"https:\/\/andresyves.com\/","name":"A.Y Online","description":"Andr\u00e9s Yves Portfolio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/andresyves.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/andresyves.com\/es\/wp-json\/wp\/v2\/yada_wiki\/3480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/andresyves.com\/es\/wp-json\/wp\/v2\/yada_wiki"}],"about":[{"href":"https:\/\/andresyves.com\/es\/wp-json\/wp\/v2\/types\/yada_wiki"}],"author":[{"embeddable":true,"href":"https:\/\/andresyves.com\/es\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":4,"href":"https:\/\/andresyves.com\/es\/wp-json\/wp\/v2\/yada_wiki\/3480\/revisions"}],"predecessor-version":[{"id":3501,"href":"https:\/\/andresyves.com\/es\/wp-json\/wp\/v2\/yada_wiki\/3480\/revisions\/3501"}],"wp:attachment":[{"href":"https:\/\/andresyves.com\/es\/wp-json\/wp\/v2\/media?parent=3480"}],"wp:term":[{"taxonomy":"wiki_cats","embeddable":true,"href":"https:\/\/andresyves.com\/es\/wp-json\/wp\/v2\/wiki_cats?post=3480"},{"taxonomy":"wiki_tags","embeddable":true,"href":"https:\/\/andresyves.com\/es\/wp-json\/wp\/v2\/wiki_tags?post=3480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}