{
    "events": [{
        "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": "mouseup",
            "button": 0,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 2
        },
        "type": "mouse-event"
    }, {
        "type": "tool-event",
        "toolId": "tool-lighten"
    }, {
        "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": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 3,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 0
        },
        "type": "mouse-event"
    },
    {"type":"tool-event","toolId":"tool-colorpicker"},
    {"type":"tool-event","toolId":"tool-lighten"},
    {
        "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": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 3,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 0
        },
        "type": "mouse-event"
    },
    {"type":"tool-event","toolId":"tool-colorpicker"},
    {"type":"tool-event","toolId":"tool-lighten"},
    {
        "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": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 3,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 4,
            "y": 0
        },
        "type": "mouse-event"
    },
    {"type":"tool-event","toolId":"tool-colorpicker"},
    {"type":"tool-event","toolId":"tool-lighten"},
    {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": true
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": true
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": true
        },
        "coords": {
            "x": 1,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mousemove",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": true
        },
        "coords": {
            "x": 0,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": true
        },
        "coords": {
            "x": 0,
            "y": 0
        },
        "type": "mouse-event"
    },
    {"type":"tool-event","toolId":"tool-colorpicker"},
    {"type":"tool-event","toolId":"tool-lighten"},
    {
        "event": {
            "type": "mousedown",
            "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"
    },
    {"type":"tool-event","toolId":"tool-colorpicker"},
    {"type":"tool-event","toolId":"tool-lighten"},
     {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 0
        },
        "type": "mouse-event"
    },
    {"type":"tool-event","toolId":"tool-colorpicker"},
    {"type":"tool-event","toolId":"tool-lighten"},
    {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 1,
            "y": 0
        },
        "type": "mouse-event"
    },
    {"type":"tool-event","toolId":"tool-colorpicker"},
    {"type":"tool-event","toolId":"tool-lighten"},
    {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    },
    {"type":"tool-event","toolId":"tool-colorpicker"},
    {"type":"tool-event","toolId":"tool-lighten"},
    {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    },
    {"type":"tool-event","toolId":"tool-colorpicker"},
    {"type":"tool-event","toolId":"tool-lighten"},
    {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": false
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    },
    {"type":"tool-event","toolId":"tool-colorpicker"},
    {"type":"tool-event","toolId":"tool-lighten"},
    {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": true
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": true
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    },
    {"type":"tool-event","toolId":"tool-colorpicker"},
    {"type":"tool-event","toolId":"tool-lighten"},
    {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": true
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": true
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    },
    {"type":"tool-event","toolId":"tool-colorpicker"},
    {"type":"tool-event","toolId":"tool-lighten"},
    {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": true
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": true
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    },
    {"type":"tool-event","toolId":"tool-colorpicker"},
    {"type":"tool-event","toolId":"tool-lighten"},
    {
        "event": {
            "type": "mousedown",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": true
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "event": {
            "type": "mouseup",
            "button": 0,
            "shiftKey": true,
            "altKey": false,
            "ctrlKey": true
        },
        "coords": {
            "x": 2,
            "y": 0
        },
        "type": "mouse-event"
    }, {
        "type": "keyboard-event",
        "event": {
            "which": 90,
            "shiftKey": false,
            "altKey": false,
            "ctrlKey": true,
            "target": {
                "nodeName": "BODY"
            }
        }
    }],
    "initialState": {
        "size": {
            "width": 5,
            "height": 5
        },
        "primaryColor": "#000000",
        "secondaryColor": "rgba(0, 0, 0, 0)",
        "selectedTool": "tool-pen"
    },
    "png": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAI0lEQVQIW2PU1dX9z8/Pz/Do0SMGEA0CjAwMDP/BLCRAoSAAeuwIiFt0t6sAAAAASUVORK5CYII="
}