Alexander Deplov

Rainbow rotated to mouse move

Rainbow rotated to mouse move

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
        }
    }
}