{
    "events": [{
        "type": "color-event",
        "color": "#00989f",
        "isPrimary": true
    }, {
        "type": "tool-event",
        "toolId": "tool-pen"
    }, {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 2
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 2
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 2
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 2
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 3,
            "y": 2
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 2
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 2
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 1
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 2
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 3
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 4
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 4
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 3
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 3
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 3
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 4
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 4
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 4
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 3,
            "y": 3
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 3,
            "y": 3
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 3,
            "y": 3
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 4
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 4
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 4
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 3,
            "y": 1
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 3,
            "y": 1
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 3,
            "y": 1
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 1
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 1
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 1
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "type": "color-event",
        "color": "#000c9f",
        "isPrimary": true
    }, {
        "type": "tool-event",
        "toolId": "tool-paint-bucket"
    }, {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 2
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 2
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 2
        },
        "type": "mouse-event"
    }, {
        "type": "tool-event",
        "toolId": "tool-colorswap"
    }, {
        "type": "color-event",
        "color": "#009f0c",
        "isPrimary": true
    }, {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 1
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 1
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 1
        },
        "type": "mouse-event"
    }, {
        "type": "instrumented-event",
        "methodName": "duplicateFrameAt",
        "args": [0]
    }, {
        "type": "color-event",
        "color": "#9f0000",
        "isPrimary": true
    }, {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 0,
            "y": 0
        },
        "type": "mouse-event"
    }],
    "initialState": {
        "size": {
            "width": 5,
            "height": 5
        },
        "primaryColor": "#000000",
        "secondaryColor": "rgba(0, 0, 0, 0)",
        "selectedTool": "tool-move",
        "step" : 100
    },
    "png": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAPklEQVQIW2Ocz8DwP3E+DwND7mQGhsm5DPMTvzCAALoYI8N8nv9gRTAAVAwGaGKMDDzz/yNU4WYRbyKxbgQAzEEkQG3hX+sAAAAASUVORK5CYII="
}