Code
var originals = new Group({ insert: true });
var circle = new Path.Circle(view.center + 20, 50);
circle.fillColor = 'orange';
circle.blendMode = 'multiply';
originals.addChild(circle);
circle.onMouseEnter = function(event){
view.element.style.setProperty('cursor', 'pointer');
}
circle.onMouseLeave = function(event){
view.element.style.setProperty('cursor', null);
}
var circle1 = new Path.Circle(view.center - 20, 50);
circle1.fillColor = 'blue';
circle1.blendMode = 'multiply';
originals.addChild(circle1);
circle1.onMouseEnter = function(event){
view.element.style.setProperty('cursor', 'move');
}
circle1.onMouseLeave = function(event){
view.element.style.setProperty('cursor', null);
}
var activeItem;
function onMouseDown(event) {
var hitResult = originals.hitTest(event.point);
activeItem = hitResult && hitResult.item;
if (activeItem)
activeItem.scale(0.9);
}
function onMouseUp(event){
if (activeItem)
activeItem.scale(1.1);
}
function onFrame(event){
if(activeItem)
activeItem.fillColor.hue += event.delta * 60;
}
function onMouseDrag(event) {
if (activeItem)
activeItem.position += event.delta;
}