Alexander Deplov

Circle inside circle boundaries

Circle inside circle boundaries

Code

var max = 360
var distanceFromCenter = 100
var angle = 360/max
var group = new Group()

for (var i = 0; i < max; i++){

    var path = new Path.Circle({
        center: view.center,
        radius: 20,
        fillColor: 'blue',
        parent: group,
    })

    path.rotate(angle * i, view.center + distanceFromCenter)
    path.fillColor.hue = angle * i
}

group.position = view.center

var centerColor = new Path.Rectangle({
  size: 50,
  fillColor: 'blue',
  center: view.center,
  radius: 50
})


view.onMouseMove = function(event){

  var vector = view.center - event.point
  if (vector.length >= 100){
    vector.length = 100
  }

  centerColor.position = view.center - vector
}