I can give you much better links with code , but it don't work in Adobe Animae CC.
Here is what i need:
var stage, containerDrag, dragOffset;
function init(){
//setup stage
stage = new createjs.Stage('canvas');
createjs.Ticker.addEventListener("tick", tick);
createjs.Ticker.setFPS(60);
//drag container
containerDrag = new createjs.Container();
stage.addChild(containerDrag);
//stage listeners
stage.addEventListener("stagemousedown", startDrag);
stage.addEventListener("stagemouseup", stopDrag);
dragOffset = new createjs.Point();
//add random shape to container
for(var i = 0; i < 100; i++){
var rect = new createjs.Shape();
rect.graphics.beginFill('#ffffff').drawRect(0,0,getRandom(1, 3), getRandom(1, 3));
rect.x = getRandom(0, 1000);
rect.y = getRandom(0, 1000);
containerDrag.addChild(rect);
}
}
//draggable listeners
function startDrag(){
dragOffset.x = stage.mouseX - containerDrag.x;
dragOffset.y = stage.mouseY - containerDrag.y;
stage.addEventListener("stagemousemove", moveDrag);
}
function stopDrag(){
stage.removeEventListener("stagemousemove", moveDrag);
}
function moveDrag(e){
containerDrag.x = e.stageX - dragOffset.x;
containerDrag.y = e.stageY - dragOffset.y;
}
//Random utility function
function getRandom(min, max){
return min + (Math.random() * (max-min));
}
function tick(e){
stage.update();
}
in js file - it work perfect , but in Adobe Animate CC i see only white screen.
And i need to replace draggable container to any symbol on my stage.
AdChoices