Alexander Deplov

Heart gradient animation

Heart gradient animation

Code

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

function createCircle(position, color) {
    var circle = new Path.Circle(position, 50)
    circle.fillColor = color
    circle.applyMatrix = false
    return circle
}
var group = new Group()

function onFrame(event) {
    var x = view.center.x + Math.sin(event.count * animationSpeed) * distanceFromCenter + Math.sin(event.count * 0.02) * 100
    var y = view.center.y + Math.cos(event.count * animationSpeed) * distanceFromCenter + Math.cos(event.count * 0.02) * 100
    var circle = createCircle([x, y], 'blue')
    circle.fillColor.hue += event.count * 0.5
    group.addChild(circle)
    if (group.children.length > 500) {
        group.children[0].remove()
    }
}