You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.4 KiB
55 lines
1.4 KiB
function ColourCircle(innercol, outercol, x, y, stage,xoman,arrno){
|
|
this.scale = stage.canvas.width/1200;
|
|
this.radius = 22.5*this.scale;
|
|
this.strokewidth = 9.5*this.scale;
|
|
this.innercol = innercol;
|
|
this.outercol = outercol;
|
|
this.circle = null;
|
|
this.dragging = false;
|
|
this.number = arrno;
|
|
|
|
this.setContainerPosition = function(x,y){
|
|
this.circle.x = x;
|
|
this.circle.y = y;
|
|
stage.addChild(this.circle);
|
|
}
|
|
|
|
this.setDragDropListeners = function(){
|
|
var c = this.circle;
|
|
var d = this;
|
|
var s = stage;
|
|
var xo = xoman;
|
|
|
|
this.circle.on("mousedown", function (evt) {
|
|
this.offset = {x: c.x - evt.stageX, y: c.y - evt.stageY};
|
|
this.dragging = false;
|
|
});
|
|
|
|
this.circle.on("pressmove", function (evt) {
|
|
c.x = evt.stageX + this.offset.x;
|
|
c.y = evt.stageY + this.offset.y;
|
|
this.dragging = true;
|
|
});
|
|
|
|
this.circle.on("click", function (evt) {
|
|
if (this.dragging!=true){
|
|
xo.updateSVG(d.innercol,d.outercol,d.number);
|
|
}
|
|
this.dragging = false;
|
|
});
|
|
}
|
|
|
|
this.init = function(){
|
|
this.number = arrno;
|
|
|
|
var circle = new createjs.Shape();
|
|
circle.graphics.beginFill(this.innercol).drawCircle(0,0,this.radius);
|
|
circle.graphics.beginStroke(this.outercol);
|
|
circle.graphics.setStrokeStyle(this.strokewidth);
|
|
circle.graphics.drawCircle(0,0,this.radius);
|
|
this.circle = circle;
|
|
|
|
this.setContainerPosition(x,y);
|
|
this.setDragDropListeners();
|
|
}
|
|
}
|