var path = [],

    isDown = false,

    liveGraphics,

    canvasGraphics;

export default class canvas extends Laya.Sprite{

    constructor(){

        super();

        this.create_canvas();

        Laya.timer.frameLoop(1,this,this.animate);

        this.on(Laya.Event.MOUSE_DOWN,this,this.ondown);

        this.on(Laya.Event.MOUSE_MOVE,this,this.onmove);

        this.on(Laya.Event.MOUSE_UP,this,this.onup);

    }

    create_canvas(){

        const Sprite = Laya.Sprite;

        let graphicsCanvas = new Sprite();

        this.addChild(graphicsCanvas);

        let liveGraphicsCanvas = new Sprite();

        this.addChild(liveGraphicsCanvas);

        window.graphicsCanvas = graphicsCanvas;

        window.liveGraphicsCanvas = liveGraphicsCanvas;

        liveGraphics = liveGraphicsCanvas.graphics;

        canvasGraphics = graphicsCanvas.graphics

    }

    ondown(){

        isDown = true;

    //    var color = "#ffff";

        path.length = 0;

    console.log("kkkkkkkk");

    }

    onmove() {

          if (!isDown) return;

      console.log("dddddd");

          path.push(this.mouseX);

          path.push(this.mouseY);

      }

      onup() {

      isDown = false;

      console.log("ttttt");

      canvasGraphics.drawCurves(0, 0, path.concat(), window.canvas_draw_color,10);

      path.length = 0;

      }

    animate(){

        liveGraphics.clear();

        liveGraphics.drawCurves(0,0,path,window.canvas_draw_color,10);

      }

}