Animated circles from the center to outside

Code

var bg = new Path.Rectangle({
    size: view.bounds,
    fillColor: 'black',
    position: view.center
})
var clones = 100
for (var i = 3; i < clones; i++) {
    var radius = i + Math.sin(i * Math.PI)
    createCircles(30, i * 7 * Math.PI, i * Math.PI * 2, radius)
}

function createCircles(max, distanceFromCenter, rotateGroup, radius) {
    var angle = 360 / max
    var group = new Group()
    for (var i = 0; i < max; i++) {
        var circle = new Path.Circle({
            radius: radius,
            fillColor: 'blue',
            center: [view.size.width / 2, view.size.height / 2 + distanceFromCenter],
            parent: group,
            applyMatrix: false
        })
        circle.fillColor.hue = angle * i
        circle.fillColor.saturation = 0.6
        circle.onFrame = function(event) {
            this.fillColor.hue -= 1
        }
        circle.rotate(angle * i, view.center)
    }
    group.rotate(rotateGroup)
    group.onFrame = function(event) {
        this.rotate(-0.1)
    }
}