Skip to content

Instantly share code, notes, and snippets.

@alexjlockwood

alexjlockwood/heartbreak.shapeshifter

Created June 30, 2018 19:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save alexjlockwood/6aba6d6bd34d959eb435fd26ed19a553 to your computer and use it in GitHub Desktop.
Save alexjlockwood/6aba6d6bd34d959eb435fd26ed19a553 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
heartbreak.shapeshifter
{
"version": 1,
"layers": {
"vectorLayer": {
"id": "93",
"name": "heartbreak",
"type": "vector",
"width": 56,
"height": 56,
"alpha": 1,
"children": [
{
"id": "94",
"name": "broken_heart_left_group",
"type": "group",
"rotation": 0,
"scaleX": 1,
"scaleY": 1,
"pivotX": 28,
"pivotY": 37.3,
"translateX": 0,
"translateY": 0,
"children": [
{
"id": "95",
"name": "broken_heart_left",
"type": "path",
"pathData": "M 28.031 21.054 C 28.02 21.066 28.01 21.078 28 21.09 C 26.91 19.81 25.24 19 23.5 19 C 20.42 19 18 21.42 18 24.5 C 18 28.28 21.4 31.36 26.55 36.03 L 28 37.35 L 28.002 37.348 L 27.781 36.988 L 28.489 36.073 L 27.506 34.764 L 28.782 33.027 L 26.944 31.008 L 29.149 28.725 L 27.117 27.143 L 29.149 25.018 L 26.488 22.977 L 28.031 21.054 L 28.031 21.054 Z",
"fillColor": "#000",
"fillAlpha": 1,
"strokeColor": "",
"strokeAlpha": 1,
"strokeWidth": 0,
"strokeLinecap": "butt",
"strokeLinejoin": "miter",
"strokeMiterLimit": 4,
"trimPathStart": 0,
"trimPathEnd": 1,
"trimPathOffset": 0,
"fillType": "nonZero"
}
]
},
{
"id": "96",
"name": "broken_heart_right_group",
"type": "group",
"rotation": 0,
"scaleX": 1,
"scaleY": 1,
"pivotX": 28,
"pivotY": 37.3,
"translateX": 0,
"translateY": 0,
"children": [
{
"id": "97",
"name": "broken_heart_right",
"type": "path",
"pathData": "M 28.031 21.054 C 28.169 20.895 28.316 20.743 28.471 20.599 L 28.915 20.226 C 29.926 19.457 31.193 19 32.5 19 C 35.58 19 38 21.42 38 24.5 C 38 28.28 34.6 31.36 29.45 36.04 L 28.002 37.348 L 27.781 36.988 L 28.489 36.073 L 27.506 34.764 L 28.782 33.027 L 26.944 31.008 L 29.149 28.725 L 27.117 27.143 L 29.149 25.018 L 26.488 22.977 L 28.031 21.054 L 28.031 21.054 Z",
"fillColor": "#000",
"fillAlpha": 1,
"strokeColor": "",
"strokeAlpha": 1,
"strokeWidth": 0,
"strokeLinecap": "butt",
"strokeLinejoin": "miter",
"strokeMiterLimit": 4,
"trimPathStart": 0,
"trimPathEnd": 1,
"trimPathOffset": 0,
"fillType": "nonZero"
}
]
},
{
"id": "98",
"name": "heart_stroke_left",
"type": "path",
"pathData": "M 28.719 38.296 L 25.669 35.552 C 21.621 31.793 18.016 28.891 18.016 24.845 C 18.016 21.588 20.631 19.965 23.634 19.965 C 24.999 19.965 26.799 21.181 28.644 23.13",
"fillColor": "",
"fillAlpha": 1,
"strokeColor": "#000",
"strokeAlpha": 1,
"strokeWidth": 2,
"strokeLinecap": "butt",
"strokeLinejoin": "miter",
"strokeMiterLimit": 4,
"trimPathStart": 0,
"trimPathEnd": 0,
"trimPathOffset": 0,
"fillType": "nonZero"
},
{
"id": "99",
"name": "heart_stroke_right",
"type": "path",
"pathData": "M 27.231 38.294 L 30.765 35.2 C 34.834 31.235 37.752 29.118 38.004 25.084 C 38.168 22.459 35.773 20.035 33.379 20.035 C 30.432 20.035 29.672 21.047 27.231 23.133",
"fillColor": "",
"fillAlpha": 1,
"strokeColor": "#000",
"strokeAlpha": 1,
"strokeWidth": 2,
"strokeLinecap": "butt",
"strokeLinejoin": "miter",
"strokeMiterLimit": 4,
"trimPathStart": 0,
"trimPathEnd": 0,
"trimPathOffset": 0,
"fillType": "nonZero"
},
{
"id": "100",
"name": "filled",
"type": "group",
"rotation": 0,
"scaleX": 1,
"scaleY": 1,
"pivotX": 0,
"pivotY": 0,
"translateX": 0,
"translateY": 0,
"children": [
{
"id": "101",
"name": "clip",
"type": "mask",
"pathData": "M 18 37 L 38 37 L 38 37 L 18 37 Z"
},
{
"id": "102",
"name": "fill",
"type": "path",
"pathData": "M 28 39 L 26.405 37.567 C 20.74 32.471 17 29.109 17 24.995 C 17 21.632 19.657 19 23.05 19 C 24.964 19 26.801 19.883 28 21.272 C 29.199 19.883 31.036 19 32.95 19 C 36.343 19 39 21.632 39 24.995 C 39 29.109 35.26 32.471 29.595 37.567 L 28 39 L 28 39 Z",
"fillColor": "#000000",
"fillAlpha": 1,
"strokeColor": "",
"strokeAlpha": 1,
"strokeWidth": 0,
"strokeLinecap": "butt",
"strokeLinejoin": "miter",
"strokeMiterLimit": 4,
"trimPathStart": 0,
"trimPathEnd": 1,
"trimPathOffset": 0,
"fillType": "nonZero"
}
]
}
]
},
"hiddenLayerIds": []
},
"timeline": {
"animation": {
"id": "103",
"duration": 1280,
"blocks": [
{
"id": "104",
"layerId": "94",
"propertyName": "rotation",
"startTime": 0,
"endTime": 400,
"interpolator": "LINEAR_OUT_SLOW_IN",
"type": "number",
"fromValue": 0,
"toValue": -20
},
{
"id": "105",
"layerId": "96",
"propertyName": "rotation",
"startTime": 0,
"endTime": 400,
"interpolator": "LINEAR_OUT_SLOW_IN",
"type": "number",
"fromValue": 0,
"toValue": 20
},
{
"id": "106",
"layerId": "95",
"propertyName": "fillAlpha",
"startTime": 100,
"endTime": 400,
"interpolator": "LINEAR_OUT_SLOW_IN",
"type": "number",
"fromValue": 1,
"toValue": 0
},
{
"id": "107",
"layerId": "97",
"propertyName": "fillAlpha",
"startTime": 100,
"endTime": 400,
"interpolator": "LINEAR_OUT_SLOW_IN",
"type": "number",
"fromValue": 1,
"toValue": 0
},
{
"id": "108",
"layerId": "98",
"propertyName": "trimPathEnd",
"startTime": 500,
"endTime": 900,
"interpolator": "FAST_OUT_SLOW_IN",
"type": "number",
"fromValue": 0,
"toValue": 1
},
{
"id": "109",
"layerId": "99",
"propertyName": "trimPathEnd",
"startTime": 500,
"endTime": 900,
"interpolator": "FAST_OUT_SLOW_IN",
"type": "number",
"fromValue": 0,
"toValue": 1
},
{
"id": "110",
"layerId": "101",
"propertyName": "pathData",
"startTime": 1160,
"endTime": 1280,
"interpolator": "FAST_OUT_LINEAR_IN",
"type": "path",
"fromValue": "M 18 26 C 18 26 21 28 24 28 C 27 28 29 25 32 25 C 35 25 38 26 38 26 L 38 38 L 18 38 L 18 26 Z",
"toValue": "M 18 18 C 18 18 24 18 24 18 C 24 18 32 18 32 18 C 32 18 38 18 38 18 L 38 38 L 18 38 L 18 18 Z"
},
{
"id": "111",
"layerId": "93",
"propertyName": "alpha",
"startTime": 500,
"endTime": 900,
"interpolator": "FAST_OUT_SLOW_IN",
"type": "number",
"fromValue": 0.4,
"toValue": 1
},
{
"id": "145",
"layerId": "101",
"propertyName": "pathData",
"startTime": 1000,
"endTime": 1160,
"interpolator": "FAST_OUT_LINEAR_IN",
"type": "path",
"fromValue": "M 18 38 C 18 38 24 38 24 38 C 24 38 32 38 32 38 C 32 38 38 38 38 38 L 38 38 L 18 38 L 18 38 Z",
"toValue": "M 18 26 C 18 26 21 28 24 28 C 27 28 29 25 32 25 C 35 25 38 26 38 26 L 38 38 L 18 38 L 18 26 Z"
}
]
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment