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