Estoy tratando de crear un juego de colorear para niños usando animate cc. Use el siguiente código:
var drawingCanvas; var oldPt; var oldMidPt; var color; var stroke = 50; var index; var that = this; this.colorArray = ["#FF0000", "#009900", "#FFFF00", "#0000FF", "#000000", "#FF00FF"]; function init() { index = 0; createjs.Touch.enable(stage); drawingCanvas = new createjs.Shape(); stage.addEventListener("stagemousedown", handleMouseDown); stage.addEventListener("stagemouseup", handleMouseUp); that.obj1.addChild(drawingCanvas); //that.obj1.update(); } function handleMouseDown(event) { color = that.colorArray[(index++) % that.colorArray.length]; oldPt = that.obj1.globalToLocal(stage.mouseX, stage.mouseY); oldMidPt = oldPt.clone(); stage.addEventListener("stagemousemove", handleMouseMove); } function handleMouseMove(event) { var midPt = that.obj1.globalToLocal(stage.mouseX, stage.mouseY); drawingCanvas.graphics.setStrokeStyle(stroke, 'round', 'round').beginStroke(color).moveTo(midPt.x, midPt.y).curveTo(oldPt.x, oldPt.y, oldMidPt.x, oldMidPt.y); oldPt.x = midPt.x; oldPt.y = midPt.y; oldMidPt.x = midPt.x; oldMidPt.y = midPt.y; //stage.update(); } function handleMouseUp(event) { stage.removeEventListener("stagemousemove", handleMouseMove); } init();
Hay un clip de película donde se aplicará el color y otro clip de película encima que es solo el contorno del objeto. Mi pregunta es, ¿es posible verificar si el objeto está completamente coloreado? ¿O hay alguna forma de obtener el color de la forma?