skia2/resources/skottie/skottie-text-animator-1.json
Florin Malita 1d89b0d7e1 [skottie] Add support for scale and rotation text animators
The interesting bit here is a change in glyph positioning:
AE text animator transforms are to be applied relative to the glyph position.

To support this behavior, update Shaper to externalize glyph positioning
when in fragmented mode.  I.e. instead of baking glyph positions in blobs,
apply them at the scene graph transform level (such that they compose with
animated transforms correctly).

Change-Id: I9aeb5e6f8c1ec1a2c8b5351e8fc2a73d4bdf5cad
Reviewed-on: https://skia-review.googlesource.com/c/skia/+/217556
Reviewed-by: Ben Wagner <bungeman@google.com>
Commit-Queue: Florin Malita <fmalita@chromium.org>
2019-05-31 20:41:19 +00:00

2448 lines
58 KiB
JSON

{
"assets": [],
"chars": [
{
"ch": "F",
"data": {
"shapes": [
{
"bm": 0,
"cix": 2,
"hd": false,
"it": [
{
"hd": false,
"ind": 0,
"ix": 1,
"ks": {
"a": 0,
"ix": 2,
"k": {
"c": true,
"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
]
]
}
},
"mn": "ADBE Vector Shape - Group",
"nm": "F",
"ty": "sh"
}
],
"ix": 1,
"mn": "ADBE Vector Group",
"nm": "F",
"np": 3,
"ty": "gr"
}
]
},
"fFamily": "Roboto",
"size": 72,
"style": "Black",
"w": 54.69
},
{
"ch": "o",
"data": {
"shapes": [
{
"bm": 0,
"cix": 2,
"hd": false,
"it": [
{
"hd": false,
"ind": 0,
"ix": 1,
"ks": {
"a": 0,
"ix": 2,
"k": {
"c": true,
"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
]
]
}
},
"mn": "ADBE Vector Shape - Group",
"nm": "o",
"ty": "sh"
},
{
"hd": false,
"ind": 1,
"ix": 2,
"ks": {
"a": 0,
"ix": 2,
"k": {
"c": true,
"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
]
]
}
},
"mn": "ADBE Vector Shape - Group",
"nm": "o",
"ty": "sh"
}
],
"ix": 1,
"mn": "ADBE Vector Group",
"nm": "o",
"np": 5,
"ty": "gr"
}
]
},
"fFamily": "Roboto",
"size": 72,
"style": "Black",
"w": 56.15
},
{
"ch": " ",
"data": {},
"fFamily": "Roboto",
"size": 72,
"style": "Black",
"w": 24.9
},
{
"ch": "B",
"data": {
"shapes": [
{
"bm": 0,
"cix": 2,
"hd": false,
"it": [
{
"hd": false,
"ind": 0,
"ix": 1,
"ks": {
"a": 0,
"ix": 2,
"k": {
"c": true,
"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
]
]
}
},
"mn": "ADBE Vector Shape - Group",
"nm": "B",
"ty": "sh"
},
{
"hd": false,
"ind": 1,
"ix": 2,
"ks": {
"a": 0,
"ix": 2,
"k": {
"c": true,
"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
]
]
}
},
"mn": "ADBE Vector Shape - Group",
"nm": "B",
"ty": "sh"
},
{
"hd": false,
"ind": 2,
"ix": 3,
"ks": {
"a": 0,
"ix": 2,
"k": {
"c": true,
"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
]
]
}
},
"mn": "ADBE Vector Shape - Group",
"nm": "B",
"ty": "sh"
}
],
"ix": 1,
"mn": "ADBE Vector Group",
"nm": "B",
"np": 6,
"ty": "gr"
}
]
},
"fFamily": "Roboto",
"size": 72,
"style": "Black",
"w": 64.5
},
{
"ch": "a",
"data": {
"shapes": [
{
"bm": 0,
"cix": 2,
"hd": false,
"it": [
{
"hd": false,
"ind": 0,
"ix": 1,
"ks": {
"a": 0,
"ix": 2,
"k": {
"c": true,
"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
]
]
}
},
"mn": "ADBE Vector Shape - Group",
"nm": "a",
"ty": "sh"
},
{
"hd": false,
"ind": 1,
"ix": 2,
"ks": {
"a": 0,
"ix": 2,
"k": {
"c": true,
"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
]
]
}
},
"mn": "ADBE Vector Shape - Group",
"nm": "a",
"ty": "sh"
}
],
"ix": 1,
"mn": "ADBE Vector Group",
"nm": "a",
"np": 5,
"ty": "gr"
}
]
},
"fFamily": "Roboto",
"size": 72,
"style": "Black",
"w": 53.08
},
{
"ch": "r",
"data": {
"shapes": [
{
"bm": 0,
"cix": 2,
"hd": false,
"it": [
{
"hd": false,
"ind": 0,
"ix": 1,
"ks": {
"a": 0,
"ix": 2,
"k": {
"c": true,
"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
]
]
}
},
"mn": "ADBE Vector Shape - Group",
"nm": "r",
"ty": "sh"
}
],
"ix": 1,
"mn": "ADBE Vector Group",
"nm": "r",
"np": 3,
"ty": "gr"
}
]
},
"fFamily": "Roboto",
"size": 72,
"style": "Black",
"w": 37.89
},
{
"ch": "z",
"data": {
"shapes": [
{
"bm": 0,
"cix": 2,
"hd": false,
"it": [
{
"hd": false,
"ind": 0,
"ix": 1,
"ks": {
"a": 0,
"ix": 2,
"k": {
"c": true,
"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
]
]
}
},
"mn": "ADBE Vector Shape - Group",
"nm": "z",
"ty": "sh"
}
],
"ix": 1,
"mn": "ADBE Vector Group",
"nm": "z",
"np": 3,
"ty": "gr"
}
]
},
"fFamily": "Roboto",
"size": 72,
"style": "Black",
"w": 51.46
}
],
"ddd": 0,
"fonts": {
"list": [
{
"ascent": 79.0488770231605,
"fFamily": "Roboto",
"fName": "Roboto-Black",
"fStyle": "Black"
}
]
},
"fr": 60,
"h": 500,
"ip": 0,
"layers": [
{
"ao": 0,
"bm": 0,
"ddd": 0,
"ind": 1,
"ip": 0,
"ks": {
"a": {
"a": 0,
"ix": 1,
"k": [
0,
0,
0
]
},
"o": {
"a": 0,
"ix": 11,
"k": 100
},
"p": {
"a": 0,
"ix": 2,
"k": [
248,
125.5,
0
]
},
"r": {
"a": 0,
"ix": 10,
"k": 0
},
"s": {
"a": 0,
"ix": 6,
"k": [
100,
100,
100
]
}
},
"nm": "Foo Bar Baz",
"op": 300,
"sr": 1,
"st": 0,
"t": {
"a": [
{
"a": {
"fc": {
"a": 0,
"ix": 12,
"k": [
0,
1,
0,
1
]
},
"o": {
"a": 0,
"ix": 9,
"k": 88
}
},
"nm": "Animator 1",
"s": {
"a": {
"a": 0,
"ix": 4,
"k": 100
},
"b": 1,
"ne": {
"a": 0,
"ix": 8,
"k": 0
},
"r": 1,
"rn": 0,
"sh": 1,
"t": 0,
"xe": {
"a": 0,
"ix": 7,
"k": 0
}
}
},
{
"a": {
"o": {
"a": 1,
"ix": 9,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"s": [
100
],
"t": 0
},
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"s": [
0
],
"t": 150
},
{
"s": [
100
],
"t": 299
}
]
}
},
"nm": "Animator 2",
"s": {
"a": {
"a": 0,
"ix": 4,
"k": 100
},
"b": 1,
"ne": {
"a": 0,
"ix": 8,
"k": 0
},
"r": 1,
"rn": 0,
"sh": 1,
"t": 0,
"xe": {
"a": 0,
"ix": 7,
"k": 0
}
}
}
],
"d": {
"k": [
{
"s": {
"f": "Roboto-Black",
"fc": [
0.973,
0,
0
],
"j": 2,
"lh": 86.4,
"ls": 0,
"ps": [
-248,
-110.5
],
"s": 72,
"sz": [
496,
88
],
"t": "Foo Bar Baz",
"tr": -100
},
"t": 0
}
]
},
"m": {
"a": {
"a": 0,
"ix": 2,
"k": [
0,
0
]
},
"g": 1
},
"p": {}
},
"ty": 5
},
{
"ao": 0,
"bm": 0,
"ddd": 0,
"ind": 2,
"ip": 0,
"ks": {
"a": {
"a": 0,
"ix": 1,
"k": [
0,
0,
0
]
},
"o": {
"a": 0,
"ix": 11,
"k": 100
},
"p": {
"a": 0,
"ix": 2,
"k": [
248,
220,
0
]
},
"r": {
"a": 0,
"ix": 10,
"k": 0
},
"s": {
"a": 0,
"ix": 6,
"k": [
100,
100,
100
]
}
},
"nm": "Foo Bar Baz 3",
"op": 300,
"sr": 1,
"st": 0,
"t": {
"a": [
{
"a": {
"fc": {
"a": 0,
"ix": 12,
"k": [
0.98005515337,
1,
0,
1
]
},
"o": {
"a": 0,
"ix": 9,
"k": 88
},
"s": {
"a": 0,
"ix": 3,
"k": [
132,
132,
100
]
}
},
"nm": "Animator 1",
"s": {
"a": {
"a": 0,
"ix": 4,
"k": 100
},
"b": 1,
"ne": {
"a": 0,
"ix": 8,
"k": 0
},
"r": 1,
"rn": 0,
"sh": 1,
"t": 0,
"xe": {
"a": 0,
"ix": 7,
"k": 0
}
}
},
{
"a": {
"r": {
"a": 1,
"ix": 8,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"s": [
0
],
"t": 0
},
{
"s": [
360
],
"t": 299
}
]
},
"s": {
"a": 1,
"ix": 3,
"k": [
{
"i": {
"x": [
0.833,
0.833,
0.833
],
"y": [
0.833,
0.833,
0.833
]
},
"o": {
"x": [
0.167,
0.167,
0.167
],
"y": [
0.167,
0.167,
0.167
]
},
"s": [
100,
100,
100
],
"t": 0
},
{
"i": {
"x": [
0.833,
0.833,
0.833
],
"y": [
0.833,
0.833,
0.833
]
},
"o": {
"x": [
0.167,
0.167,
0.167
],
"y": [
0.167,
0.167,
0.167
]
},
"s": [
50,
50,
100
],
"t": 90
},
{
"i": {
"x": [
0.833,
0.833,
0.833
],
"y": [
0.833,
0.833,
0.833
]
},
"o": {
"x": [
0.167,
0.167,
0.167
],
"y": [
0.167,
0.167,
0.167
]
},
"s": [
150,
150,
100
],
"t": 210
},
{
"s": [
100,
100,
100
],
"t": 299
}
]
}
},
"nm": "Animator 2",
"s": {
"a": {
"a": 0,
"ix": 4,
"k": 100
},
"b": 1,
"ne": {
"a": 0,
"ix": 8,
"k": 0
},
"r": 1,
"rn": 0,
"sh": 1,
"t": 0,
"xe": {
"a": 0,
"ix": 7,
"k": 0
}
}
}
],
"d": {
"k": [
{
"s": {
"f": "Roboto-Black",
"fc": [
0.973,
0,
0
],
"j": 2,
"lh": 86.4,
"ls": 0,
"ps": [
-248,
-110.5
],
"s": 72,
"sz": [
496,
88
],
"t": "Foo Bar Baz",
"tr": -100
},
"t": 0
}
]
},
"m": {
"a": {
"a": 0,
"ix": 2,
"k": [
0,
0
]
},
"g": 1
},
"p": {}
},
"ty": 5
},
{
"ao": 0,
"bm": 0,
"ddd": 0,
"ind": 3,
"ip": 0,
"ks": {
"a": {
"a": 0,
"ix": 1,
"k": [
0,
0,
0
]
},
"o": {
"a": 0,
"ix": 11,
"k": 100
},
"p": {
"a": 0,
"ix": 2,
"k": [
248,
125.5,
0
]
},
"r": {
"a": 0,
"ix": 10,
"k": 0
},
"s": {
"a": 0,
"ix": 6,
"k": [
100,
100,
100
]
}
},
"nm": "Foo Bar Baz 2",
"op": 300,
"sr": 1,
"st": 0,
"t": {
"a": [
{
"a": {
"fc": {
"a": 0,
"ix": 12,
"k": [
0,
0,
1,
1
]
},
"p": {
"a": 0,
"ix": 2,
"k": [
0,
200,
0
]
}
},
"nm": "Animator 2",
"s": {
"a": {
"a": 0,
"ix": 4,
"k": 100
},
"b": 1,
"ne": {
"a": 0,
"ix": 8,
"k": 0
},
"r": 1,
"rn": 0,
"sh": 1,
"t": 0,
"xe": {
"a": 0,
"ix": 7,
"k": 0
}
}
},
{
"a": {
"fc": {
"a": 1,
"ix": 12,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"s": [
1,
0,
0,
1
],
"t": 0
},
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"s": [
0,
0,
1,
1
],
"t": 90
},
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"s": [
0,
1,
0,
1
],
"t": 210
},
{
"s": [
1,
0,
0,
1
],
"t": 299
}
]
},
"p": {
"a": 1,
"ix": 2,
"k": [
{
"i": {
"x": 0.833,
"y": 0.833
},
"o": {
"x": 0.167,
"y": 0.167
},
"s": [
0,
0,
0
],
"t": 0,
"ti": [
-41.667,
-25,
0
],
"to": [
-41.667,
25,
0
]
},
{
"i": {
"x": 0.833,
"y": 0.833
},
"o": {
"x": 0.167,
"y": 0.167
},
"s": [
-250,
150,
0
],
"t": 90,
"ti": [
-41.667,
25,
0
],
"to": [
41.667,
25,
0
]
},
{
"i": {
"x": 0.833,
"y": 0.833
},
"o": {
"x": 0.167,
"y": 0.167
},
"s": [
250,
150,
0
],
"t": 210,
"ti": [
41.667,
25,
0
],
"to": [
41.667,
-25,
0
]
},
{
"s": [
0,
0,
0
],
"t": 299
}
]
}
},
"nm": "Animator 1",
"s": {
"a": {
"a": 0,
"ix": 4,
"k": 100
},
"b": 1,
"ne": {
"a": 0,
"ix": 8,
"k": 0
},
"r": 1,
"rn": 0,
"sh": 1,
"t": 0,
"xe": {
"a": 0,
"ix": 7,
"k": 0
}
}
}
],
"d": {
"k": [
{
"s": {
"f": "Roboto-Black",
"fc": [
0.973,
0,
0
],
"j": 2,
"lh": 86.4,
"ls": 0,
"ps": [
-248,
-110.5
],
"s": 72,
"sz": [
496,
88
],
"t": "Foo Bar Baz",
"tr": -100
},
"t": 0
}
]
},
"m": {
"a": {
"a": 0,
"ix": 2,
"k": [
0,
0
]
},
"g": 1
},
"p": {}
},
"ty": 5
}
],
"markers": [],
"nm": "animators-only",
"op": 300,
"v": "5.5.2",
"w": 500
}