        // Create the spine display object
        const cloudPot = spine.Spine.from({skeleton: "cloudPotData", atlas: "cloudPotAtlas",
          scale: 0.25,
        });

        // Center the spine object on screen.
        cloudPot.x = window.innerWidth / 2;
        cloudPot.y = window.innerHeight / 2 + cloudPot.getBounds().height / 4;

        // Set animation "playing-in-the-rain" on track 0, looped.
        cloudPot.state.setAnimation(0, "playing-in-the-rain", true);

        // Add the display object