skia2/resources/skottie/skottie-text-animator-2.json
Florin Malita 1c44db15d1 [skottie] Initial text range selector support
Each animator can have multiple range selectors, whose combined "coverage"
modulates how the animator props compose with other/initial props.

Since there can be multiple animators with different/arbitrary selectors,
we compute independent property values for each fragment.

Supported features:

 - start, end, offset, amount
 - units: percentage, index
 - based-on: characters-only for now
 - mode: add-only for now
 - shape: square-only for now

Change-Id: If7fee46ffb29e1f92542822481ed699fd0b0b521
Reviewed-on: https://skia-review.googlesource.com/c/skia/+/218076
Commit-Queue: Florin Malita <fmalita@chromium.org>
Reviewed-by: Ben Wagner <bungeman@google.com>
2019-06-04 20:50:32 +00:00

1 line
8.9 KiB
JSON

{"v":"5.5.2","fr":60,"ip":0,"op":300,"w":500,"h":500,"nm":"range selectors","ddd":0,"assets":[],"fonts":{"list":[{"fName":"Roboto-Black","fFamily":"Roboto","fStyle":"Black","ascent":79.0488770231605}]},"layers":[{"ddd":0,"ind":1,"ty":5,"nm":"Foo Bar Baz","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[248,125.5,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"t":{"d":{"k":[{"s":{"sz":[496,88],"ps":[-248,-110.5],"s":72,"f":"Roboto-Black","t":"Foo Bar Baz","j":2,"tr":-100,"lh":86.4,"ls":0,"fc":[0.973,0,0]},"t":0}]},"p":{},"m":{"g":1,"a":{"a":0,"k":[0,0],"ix":2}},"a":[{"nm":"Animator 1","s":{"t":0,"xe":{"a":0,"k":0,"ix":7},"ne":{"a":0,"k":0,"ix":8},"a":{"a":0,"k":100,"ix":4},"b":1,"rn":0,"sh":1,"e":{"a":0,"k":20,"ix":2},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[-20]},{"t":299,"s":[100]}],"ix":3},"r":1},"a":{"p":{"a":0,"k":[0,50,0],"ix":2}}}]},"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":5,"nm":"Foo Bar Baz 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[248,125.5,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"t":{"d":{"k":[{"s":{"sz":[496,88],"ps":[-248,-110.5],"s":72,"f":"Roboto-Black","t":"Foo Bar Baz","j":2,"tr":-100,"lh":86.4,"ls":0,"fc":[0.973,0,0]},"t":0}]},"p":{},"m":{"g":1,"a":{"a":0,"k":[0,0],"ix":2}},"a":[{"nm":"Animator 1","s":{"t":0,"xe":{"a":0,"k":0,"ix":7},"ne":{"a":0,"k":0,"ix":8},"a":{"a":0,"k":-100,"ix":4},"b":1,"rn":0,"sh":1,"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[12]},{"t":299,"s":[0]}],"ix":5},"r":2},"a":{"s":{"a":0,"k":[50,50,100],"ix":3}}},{"nm":"Animator 2","s":{"t":0,"xe":{"a":0,"k":0,"ix":7},"ne":{"a":0,"k":0,"ix":8},"a":{"a":0,"k":100,"ix":4},"b":1,"rn":0,"sh":1,"r":1},"a":{"p":{"a":0,"k":[0,147,0],"ix":2},"fc":{"a":0,"k":[0,1,0,1],"ix":12}}}]},"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":5,"nm":"Foo Bar Baz 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[248,125.5,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"t":{"d":{"k":[{"s":{"sz":[496,88],"ps":[-248,-110.5],"s":72,"f":"Roboto-Black","t":"Foo Bar Baz","j":2,"tr":-100,"lh":86.4,"ls":0,"fc":[0.973,1,0]},"t":0}]},"p":{},"m":{"g":1,"a":{"a":0,"k":[0,0],"ix":2}},"a":[{"nm":"Animator 1","s":{"t":0,"xe":{"a":0,"k":0,"ix":7},"ne":{"a":0,"k":0,"ix":8},"a":{"a":0,"k":60,"ix":4},"b":1,"rn":0,"sh":1,"s":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[50]},{"t":299,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[50]},{"t":299,"s":[100]}],"ix":2},"r":1},"a":{"fc":{"a":0,"k":[0,0,1,1],"ix":12}}},{"nm":"Animator 2","s":{"t":0,"xe":{"a":0,"k":0,"ix":7},"ne":{"a":0,"k":0,"ix":8},"a":{"a":0,"k":100,"ix":4},"b":1,"rn":0,"sh":1,"r":1},"a":{"p":{"a":0,"k":[0,325,0],"ix":2}}},{"nm":"Animator 3","s":{"t":0,"xe":{"a":0,"k":0,"ix":7},"ne":{"a":0,"k":0,"ix":8},"a":{"a":0,"k":100,"ix":4},"b":1,"rn":0,"sh":1,"r":1},"a":{"o":{"a":0,"k":50,"ix":9}}}]},"ip":0,"op":300,"st":0,"bm":0}],"markers":[],"chars":[{"ch":"F","size":72,"style":"Black","w":54.69,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[50.146,-41.504],[22.51,-41.504],[22.51,-57.861],[52.93,-57.861],[52.93,-71.094],[5.371,-71.094],[5.371,0],[22.51,0],[22.51,-28.32],[50.146,-28.32]],"c":true},"ix":2},"nm":"F","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"F","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Roboto"},{"ch":"o","size":72,"style":"Black","w":56.15,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-4.558,-4.508],[-7.52,0],[-4.574,4.834],[0,8.236],[0,0],[4.557,4.9],[7.91,0],[3.841,-2.213],[2.051,-4.118],[0,-5.273]],"o":[[0.358,7.715],[4.557,4.509],[7.812,0],[4.573,-4.834],[0,0],[0,-8.43],[-4.558,-4.899],[-5.176,0],[-3.841,2.214],[-2.051,4.118],[0,0]],"v":[[2.588,-24.121],[9.961,-5.786],[28.076,0.977],[46.655,-6.274],[53.516,-25.879],[53.516,-26.465],[46.68,-46.46],[27.979,-53.809],[14.453,-50.488],[5.615,-40.991],[2.539,-26.904]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-5.502,0],[0,-9.473],[0,0],[5.859,0],[1.53,2.279],[0,4.883]],"o":[[0.455,-8.17],[6.055,0],[0,0],[-0.13,9.017],[-2.995,0],[-1.53,-2.278],[0,0]],"v":[[19.043,-28.857],[27.979,-41.113],[37.061,-26.904],[37.061,-25.244],[28.076,-11.719],[21.289,-15.137],[18.994,-25.879]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"o","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Roboto"},{"ch":" ","size":72,"style":"Black","w":24.9,"data":{},"fFamily":"Roboto"},{"ch":"B","size":72,"style":"Black","w":64.5,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-4.411,3.5],[0,6.966],[1.985,2.67],[3.711,0.977],[-1.693,2.605],[0,3.679],[4.768,3.353],[9.147,0],[0,0],[0,0]],"o":[[8.659,-0.065],[4.411,-3.499],[0,-3.841],[-1.986,-2.669],[3.288,-1.237],[1.692,-2.604],[0,-6.38],[-4.769,-3.352],[0,0],[0,0],[0,0]],"v":[[34.229,0],[53.833,-5.347],[60.449,-21.045],[57.471,-30.811],[48.926,-36.279],[56.396,-42.041],[58.936,-51.465],[51.782,-66.064],[30.908,-71.094],[5.371,-71.094],[5.371,0]],"c":true},"ix":2},"nm":"B","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,-5.924],[1.66,-1.416],[3.092,0],[0,0],[0,0]],"o":[[5.891,0.033],[0,2.572],[-1.66,1.416],[0,0],[0,0],[0,0]],"v":[[34.521,-30.225],[43.359,-21.289],[40.869,-15.308],[33.74,-13.184],[22.51,-13.184],[22.51,-30.225]],"c":true},"ix":2},"nm":"B","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-1.726,-1.322],[0,-3.004],[1.595,-1.338],[3.743,-0.032],[0,0]],"o":[[0,0],[3.841,0],[1.725,1.322],[0,2.612],[-1.595,1.339],[0,0],[0,0]],"v":[[22.51,-57.91],[30.908,-57.91],[39.258,-55.927],[41.846,-49.438],[39.453,-43.512],[31.445,-41.455],[22.51,-41.455]],"c":true},"ix":2},"nm":"B","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"B","np":6,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Roboto"},{"ch":"a","size":72,"style":"Black","w":53.08,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0.065,4.851],[0,0],[3.906,3.288],[6.738,0],[4.346,-3.186],[0,-5.104],[0,0],[-3.906,0],[0,-4.874],[0,0],[0,0],[4.231,-2.93],[0,-5.729],[-3.484,-3.011],[-4.98,0],[-3.027,3.809],[-0.586,-1.074]],"o":[[0,0],[-1.433,-2.571],[0,0],[-0.098,-5.729],[-3.906,-3.288],[-6.738,0],[-4.346,3.186],[0,0],[0,-3.86],[4.199,0],[0,0],[0,0],[-8.073,0],[-4.232,2.93],[0,4.558],[3.483,3.011],[5.436,0],[0.455,2.084],[0,0]],"v":[[50.83,0],[50.83,-0.83],[48.584,-11.963],[48.584,-35.352],[42.578,-48.877],[26.611,-53.809],[9.985,-49.029],[3.467,-36.593],[19.922,-36.593],[25.781,-42.383],[32.08,-35.072],[32.08,-32.275],[27.002,-32.275],[8.545,-27.881],[2.197,-14.893],[7.422,-3.54],[20.117,0.977],[32.812,-4.736],[34.375,0]],"c":true},"ix":2},"nm":"a","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[1.009,0.928],[0,1.498],[-5.73,0],[0,0],[0,0],[1.35,-0.879],[2.051,0]],"o":[[-1.009,-0.928],[0,-5.143],[0,0],[0,0],[-0.586,1.107],[-1.351,0.879],[-1.562,0]],"v":[[20.215,-12.134],[18.701,-15.771],[27.295,-23.486],[32.08,-23.486],[32.08,-15.039],[29.175,-12.061],[24.072,-10.742]],"c":true},"ix":2},"nm":"a","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"a","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Roboto"},{"ch":"r","size":72,"style":"Black","w":37.89,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.758,0],[2.766,-5.176],[0,0],[0,0],[0,0],[0,0],[0,0],[-5.176,0],[0,0]],"o":[[-1.302,-0.391],[-4.948,0],[0,0],[0,0],[0,0],[0,0],[0,0],[1.465,-3.255],[0,0],[0,0]],"v":[[36.865,-53.223],[32.275,-53.809],[20.703,-46.045],[20.166,-52.832],[4.736,-52.832],[4.736,0],[21.191,0],[21.191,-33.447],[31.152,-38.33],[36.572,-37.939]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"r","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Roboto"},{"ch":"z","size":72,"style":"Black","w":51.46,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[47.559,-43.945],[47.559,-52.832],[4.248,-52.832],[4.248,-40.137],[26.66,-40.137],[3.223,-9.18],[3.223,0],[48.096,0],[48.096,-12.695],[24.023,-12.695]],"c":true},"ix":2},"nm":"z","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"z","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Roboto"}]}