Alexander Deplov

Rainbow circles animation

Rainbow circles animation

Code

var bg = new Path.Rectangle({
    size: view.bounds,
    fillColor: 'black',
    position: view.center
})
var timeStart = new Date().getMilliseconds()
var radius = 5
var gap = 20
var amountX = 700
var amountY = 60
var array = []

function createObject(center) {
    var path = new Path.Circle({
        radius: radius,
        fillColor: 'blue',
        center: center,
        applyMatrix: false
    })
    path.onFrame = function(event) {
        this.scaling = 1.5 + Math.sin(1 + event.count * 0.1) / 5
        this.fillColor.hue += 5
    }
    array.push(path)
}
for (var x = 0; x < amountX; x++) {
    for (var y = 0; y < amountY; y++) {
        var gapX = x * gap
        var gapY = y * gap
        if (gapX < view.size.width && gapY < view.size.height) {
            createObject(new Point(gapX, gapY))
        }
    }
}
array.map(function(object) {
    object.fillColor = new Color.random()
})