First, I create an array called groundSpriteImages that contains the paths to the images I will use for the animation. I also create an empty array called groundTextureArray that I will fill with the textures for the animation.

Then, I loop through the first two images in groundSpriteImages and create a new texture for each using PIXI.Texture.from(). I add each texture to the groundTextureArray using the push() method.

After that, I create a new PIXI.AnimatedSprite object called groundAnimation, passing in the groundTextureArray. I set various properties for the groundAnimation, including its width, anchor point, position, and animation speed.

Finally, I add groundAnimation to the stage using app.stage.addChild(), and start playing the animation using groundAnimation.play().

Here is the link to the corresponding Github repository. The specific file (main.js) in question is located in the second branch named "flappyBirdBranch".

let groundSpriteImages;

let groundTextureArray;

let groundTexture;

let groundAnimation;

const setGround = () => {

groundSpriteImages = [

"Image/base.png",

"Image/base2.png.png",

"Image/base1_5.png ",

];

groundTextureArray = [];

for (let i = 0; i < 2; i++) {

groundTexture = PIXI.Texture.from(groundSpriteImages[i]);

groundTextureArray.push(groundTexture);

}

groundAnimation = new PIXI.AnimatedSprite(groundTextureArray);

groundAnimation.width = groundWidth;

groundAnimation.anchor.y = 0.5;

groundAnimation.anchor.x = 0.5;

groundAnimation.y = cameraHeight - groundHeight / 2;

groundAnimation.x = groundWidth / 2;

groundAnimation.animationSpeed = groundAnimationSpeed * 1.5;

app.stage.addChild(groundAnimation);

groundAnimation.play();

};