Circles with shadow

Code

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

var colors = ['red', '#0b0f12']

var amount = 10
var radius = 80

for (var i = 2; i < amount; i++){
    var circle = new Path.Circle({
        radius: radius * i,
        strokeColor: new Color.random,
        position: view.center,
        strokeWidth: 4,
    })
    circle.strokeColor.hue = 200
    circle.strokeColor.hue += i * 50 * Math.random()
    circle.strokeColor.saturation = 0.9
    circle.onFrame = function(event){
        this.strokeColor.hue += 1
    }
}

var time = 0 
function createShadowCircle(radius, position, distanceFromCenter, i){
    var path = new Path.Circle({
        radius: radius * 1.2,
        position: position + [distanceFromCenter, 0],
        applyMatrix: false,  
    })
    path.rotate(Math.random() * i * 200, view.center)

    path.fillColor = {
        gradient: {
            stops: [[colors[1], 0.5], ['rgba(11, 15, 18, 0)', 1]],
            radial: true
        },
        origin: path.position,
        destination: path.bounds.rightCenter
    }
    path.onFrame = function(event){
        // time += 0.00001
        this.rotate(Math.sin(event.count * i * 0.005) * 0.5, view.center)
    }
}

for (var i = 0; i < amount; i++){
    createShadowCircle(radius, view.center, radius * i, i)
    createShadowCircle(radius, view.center, radius * i, i)
    createShadowCircle(radius, view.center, radius * i, i)
    createShadowCircle(radius, view.center, radius * i, i)
}

var star = new Path.Star({
    points: 8,
    radius1: 40,
    radius2: 70,
    fillColor: 'white',
    position: view.center
})