Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Toast
{
"artwork": {
"id": "vector",
"canvasColor": null,
"width": 24,
"height": 24,
"layers": [
{
"id": "group",
"type": "group",
"rotation": 0,
"scaleX": 1,
"scaleY": 1,
"pivotX": 12,
"pivotY": 12,
"translateX": 0,
"translateY": 2,
"layers": [
{
"id": "glass",
"type": "path",
"pathData": "M 16.032 8 L 18 8 C 19.105 8 20 8.887 20 9.998 L 20 14.002 C 20 15.105 19.112 16 18 16 L 16.032 16 L 16.032 16.726 C 16.032 17.833 15.129 18.729 14.034 18.729 L 6.998 18.729 C 5.894 18.729 5 17.834 5 16.726 L 5 6 L 16.032 6 L 16.032 8 Z M 16 10 L 16 14 L 18 14 L 18 10 L 16 10 Z M 7 8 L 7 17 L 14 17 L 14 8 L 7 8 Z",
"fillColor": "#ffd8d8d8",
"fillAlpha": 1,
"strokeColor": "#ff000000",
"strokeAlpha": 1,
"strokeWidth": 0,
"strokeLinecap": "butt",
"strokeLinejoin": "miter",
"strokeMiterLimit": 10,
"trimPathStart": 0,
"trimPathEnd": 1,
"trimPathOffset": 0
},
{
"id": "beer",
"type": "path",
"pathData": "M 7 10 L 7 17 L 14 17 L 14 10 C 14 10 9 10 9 10 C 9 10 7 10 7 10 Z",
"fillColor": "#ffd8d8d8",
"fillAlpha": 1,
"strokeColor": "#ff000000",
"strokeAlpha": 1,
"strokeWidth": 0,
"strokeLinecap": "butt",
"strokeLinejoin": "miter",
"strokeMiterLimit": 10,
"trimPathStart": 0,
"trimPathEnd": 1,
"trimPathOffset": 0
},
{
"id": "dropplet",
"type": "path",
"pathData": "M 8 12.331 C 8.424 12.331 8.865 11.511 8.865 11.034 C 8.865 10.556 8.478 10.169 8 10.169 C 7.522 10.169 7.135 10.556 7.135 11.034 C 7.135 11.511 7.576 12.331 8 12.331 Z",
"fillColor": "#ffd8d8d8",
"fillAlpha": 1,
"strokeColor": "#ff000000",
"strokeAlpha": 1,
"strokeWidth": 0,
"strokeLinecap": "butt",
"strokeLinejoin": "miter",
"strokeMiterLimit": 10,
"trimPathStart": 0,
"trimPathEnd": 1,
"trimPathOffset": 0
},
{
"id": "glass_lines",
"type": "path",
"pathData": "M 10 12.498 C 10 12.223 10.232 12 10.5 12 C 10.776 12 11 12.215 11 12.498 L 11 16.502 C 11 16.777 10.768 17 10.5 17 C 10.224 17 10 16.785 10 16.502 L 10 12.498 Z M 13 12.498 C 13 12.223 13.232 12 13.5 12 C 13.776 12 14 12.215 14 12.498 L 14 16.502 C 14 16.777 13.768 17 13.5 17 C 13.224 17 13 16.785 13 16.502 L 13 12.498 Z M 7 12.498 C 7 12.223 7.232 12 7.5 12 C 7.776 12 8 12.215 8 12.498 L 8 16.502 C 8 16.777 7.768 17 7.5 17 C 7.224 17 7 16.785 7 16.502 L 7 12.498 Z",
"fillColor": "#ffffffff",
"fillAlpha": 1,
"strokeColor": "#ff000000",
"strokeAlpha": 1,
"strokeWidth": 0,
"strokeLinecap": "butt",
"strokeLinejoin": "miter",
"strokeMiterLimit": 10,
"trimPathStart": 0,
"trimPathEnd": 1,
"trimPathOffset": 0
}
]
}
]
},
"animations": [
{
"id": "anim",
"duration": 1200,
"blocks": [
{
"layerId": "beer",
"propertyName": "pathData",
"fromValue": "M 7 10 L 7 17 L 14 17 L 14 10 C 14 10 9 10 9 10 C 9 10 7 10 7 10 Z",
"toValue": "M 7 9 L 7 17 L 14 17 L 14 10 C 11.003 10 10.265 8.848 9 8.5 C 7.735 8.152 7 9 7 9 Z",
"startTime": 0,
"endTime": 400,
"interpolator": "FAST_OUT_SLOW_IN"
},
{
"layerId": "beer",
"propertyName": "pathData",
"fromValue": "M 7 9 L 7 17 L 14 17 L 14 10 C 11.003 10 10.265 8.848 9 8.5 C 7.735 8.152 7 9 7 9 Z",
"toValue": "M 7 10 L 7 17 L 14 17 L 14 10 C 14 10 9 10 9 10 C 9 10 7 10 7 10 Z",
"startTime": 416,
"endTime": 800,
"interpolator": "ACCELERATE_DECELERATE"
},
{
"layerId": "dropplet",
"propertyName": "pathData",
"fromValue": "M 8 12.331 C 8.424 12.331 8.865 11.511 8.865 11.034 C 8.865 10.556 8.478 10.169 8 10.169 C 7.522 10.169 7.135 10.556 7.135 11.034 C 7.135 11.511 7.576 12.331 8 12.331 Z",
"toValue": "M 10 5.1 C 10.516 5.1 11 4.552 11 4 C 11 3.448 10.552 3 10 3 C 9.448 3 9 3.448 9 4 C 9 4.552 9.484 5.1 10 5.1 Z",
"startTime": 200,
"endTime": 400,
"interpolator": "LINEAR_OUT_SLOW_IN"
},
{
"layerId": "dropplet",
"propertyName": "pathData",
"fromValue": "M 10 5.1 C 10.516 5.1 11 4.552 11 4 C 11 3.448 10.552 3 10 3 C 9.448 3 9 3.448 9 4 C 9 4.552 9.484 5.1 10 5.1 Z",
"toValue": "M 8 12.331 C 8.424 12.331 8.865 11.511 8.865 11.034 C 8.865 10.556 8.478 10.169 8 10.169 C 7.522 10.169 7.135 10.556 7.135 11.034 C 7.135 11.511 7.576 12.331 8 12.331 Z",
"startTime": 416,
"endTime": 600,
"interpolator": "FAST_OUT_LINEAR_IN"
},
{
"layerId": "group",
"propertyName": "rotation",
"fromValue": 0,
"toValue": -20,
"startTime": 0,
"endTime": 300,
"interpolator": "FAST_OUT_SLOW_IN"
},
{
"layerId": "group",
"propertyName": "rotation",
"fromValue": -20,
"toValue": 0,
"startTime": 416,
"endTime": 800,
"interpolator": "FAST_OUT_SLOW_IN"
},
{
"layerId": "group",
"propertyName": "translateY",
"fromValue": 0,
"toValue": -2,
"startTime": 0,
"endTime": 400,
"interpolator": "FAST_OUT_SLOW_IN"
},
{
"layerId": "group",
"propertyName": "translateY",
"fromValue": -2,
"toValue": 0,
"startTime": 416,
"endTime": 800,
"interpolator": "FAST_OUT_SLOW_IN"
}
]
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment