Alexander Deplov

Rotate around circle

Rotate around circle

Code

var bg = new Path.Rectangle({
    size: view.size,
    fillColor: 'black'
})

var player = createPlayer(view.center);

function onMouseMove(event) {
    var delta = (event.point - player.position)
    player.rotation = delta.angle + 90
}

function createPlayer(position) {

    var circle = new Path.Circle({
        center: [0, 0],
        radius: 60,
        fillColor: ['blue'],
        name: 'mainCircle',
    });

    var handleleft = new Path.Circle({
        center: [-50, -50],
        radius: 20,
        fillColor: 'orange',
        name: 'handleleft',
        strokeWidth: 5
    });

    var handleright = handleleft.clone();
    handleright.name = 'handleright';
    handleright.position.x = -handleleft.position.x;

    var player = new Group(circle, handleleft, handleright);
    player.applyMatrix = false;
    player.pivot = circle.bounds.center;
    player.position = position;

    return player;
}