Code
var bg = new Path.Rectangle({
size: view.bounds,
fillColor: 'black',
position: view.center
})
var clones = 8
var angle = 360 / clones
var group = new Group()
for (var i = 0; i < clones; i++) {
var path = new Path.Rectangle({
size: 5,
radius: 5,
fillColor: 'orange',
position: view.center + [0, 120],
opacity: 0
})
path.rotate(angle * i, view.center)
group.addChild(path)
}
var obj1;
var objectsGroup = new Group()
var objAround;
function onFrame(event) {
group.rotate(1)
objectsGroup.rotate(-0.03)
group.position.x = view.center.x + Math.cos(event.count * 0.04) * 50 + Math.sin(event.count * 0.02) * 250
group.position.y = view.center.y + Math.sin(event.count * 0.04) * 50
obj1 = new Path.Circle(view.center, 10)
obj1.fillColor = 'red'
objectsGroup.addChild(obj1)
if (objectsGroup.children.length >= 10) {
objectsGroup.children[0].remove()
}
obj1.scaling += 2 + 1.5 * Math.sin(event.count * 0.1)
for (var i = 0; i < group.children.length; i++) {
var object = group.children[i]
obj1.position = object.position
obj1.fillColor.hue -= event.count * 0.25
}
objAround = obj1.clone()
objAround.position = obj1.position
objAround.strokeWidth = 3
objAround.scale(1.5)
objAround.fillColor = 'transparent'
objAround.strokeColor = 'blue'
objAround.strokeColor.hue += (obj1.fillColor.hue + i) - 50
objAround.opacity = 0.2
objectsGroup.addChild(objAround)
if (objectsGroup.children.length > 200) {
objectsGroup.children[0].remove()
}
objectsGroup.addChild(objAround)
}