Code
var bg = new Path.Rectangle({
size: view.size,
fillColor: 'black'
})
var amountX = 60
var amountY = 30
var spacing = 10
var circleRadius = 10
var cornerRadius = 10
var path = new Path.Rectangle({
position: view.center,
size: circleRadius,
fillColor: 'blue',
applyMatrix: false,
radius: cornerRadius,
opacity: 0
})
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 * 360)
object.rotation = degree
if (object.fillColor){
object.fillColor.hue = degree/360
}
}
}