Alexander Deplov

Array rotated to mouse move

Array rotated to mouse move

Code

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

var path = new Path.Rectangle({
    position: view.center,
    size: [2, 20],
    strokeWidth: 2,
    strokeColor: 'blue',
    applyMatrix: false,
    radius: 2,
    opacity: 0
})

var amountX = 30
var amountY = 15
var spacing = 20
var group = new Group()
for (var x = 0; x < amountX; x++){
  for (var y = 0; y < amountY; y++){
    var clone = path.clone()
    clone.position = [x * spacing, y * spacing]
    clone.opacity = 1
    group.addChild(clone)
  }
}
group.position = view.center

function onMouseMove(event){
    
    for (var i = 0; i < group.children.length; i++){        
        var object = group.children[i]
        
        
        var radians = Math.atan2(event.point.x - object.position.x, event.point.y - object.position.y) 
        var degree = (radians * (180 / Math.PI) * -1)
      
        object.rotation = degree

        if (object.strokeColor){
          object.strokeColor.hue = degree/2
        }
    }
}