High CPU usage: Animation with background

Question

I experience a high CPU usage when animating a shape over a background. If I disable the background or the animation, the CPU usage drops to almost zero. It seems like the combination of background shapes and an animated shape is very costly.
Is there a way to improve this performance? Can I indicate that the animated shape is always on top? Adding the smooth and cache tags did not improve the performance.
Thanks in advance.
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.animation.Interpolator;
import javafx.animation.*;
import javafx.animation.transition.*;
import javafx.scene.shape.Rectangle;
import javafx.scene.paint.Color;
var nBackgrounds = 20;
var screenWidth = 1024;
var screenHeight = 800;
def animatingRectangle = Rectangle{
    width: screenWidth
    height: screenHeight
    fill:Color.BLUE
def background = for(i in [1..nBackgrounds]) Rectangle{
    width: screenWidth
    height: screenHeight
    fill:Color.RED
def liveView:Scene = Scene {
    width: screenWidth
    height: screenHeight
    content: [
        background,
        animatingRectangle,
    ] // content
} // Scene
Stage {
    title: "Example"
    scene: liveView   
} // Stage
var fakeImageTransition:TranslateTransition = TranslateTransition {
    fromY: bind animatingRectangle.translateY
    toY: bind -screenHeight
    duration: 10s
    node: animatingRectangle
    interpolator : Interpolator.EASEOUT
    framerate: 30
    repeatCount:50
fakeImageTransition.playFromStart();

Answer 1

I'm having the same issue. I have 4gb of ram and all of it will be in use even with just Safari running. High fan use. When this happens video will stutter.