const ScriptElms  = {
    "brush-size-element": BrushSizeElement,
    "brush-color-element": BrushColorElement,
    "back-to-center-element": BackToCenterElement,
    "circle-element": CircleElement,
    "pen-up-element": PenUpElement,
    "pen-down-element": PenDownElement,
    "repeat-element": RepeatElement,
    "forward-element": ForwardElement,
    "back-element": BackElement,
    "left-element": LeftElement,
    "right-element": RightElement
};

const BRUSH_SIZE  = 2;
const BRUSH_COLOR = "#000000";
const ROTATION    = 0;

let Painter       = {
    canvas:        null,
    canvasContext: null,
    brushSize:     BRUSH_SIZE,
    brushColor:    BRUSH_COLOR,
    rotation:      ROTATION,
    x1:            0,
    y1:            0,
    isBrushLifted: false
}

let draggedElm    = null;