JSFiddle - React, Tailwind, and code Playground

HTML

<head>

	<title>Pet Simulator</title>

	 <script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.min.js"></script> 
	
</head>

<body style="height: 100%; width: 100%; margin: 0;">
  
</body>

JavaScript

// Configs and Constants

const gameState = {
	gameWidth: 800,
	gameHeight: 800,
	textStyle: { 
		fontFamily: "'Comic Sans MS'", 
		fill: "#fff", 
        align: "center",
        boundsAlignH: "left", 
        boundsAlignV: "top"
	},
	mouseDown: false,
	menu: {
		options: [
				"Feed", "Clean", "Play"
		],
		barColor: "0x123456",
		items: [],
		itemText: [],
		itemColor: "0x654321",
	}
};

function preload() {		
		// Clean Tools
		this.load.atlas('clean', 'https://gaylie.neocities.org/game/assets/clean.png', 'https://gaylie.neocities.org/game/assets/clean.json');
}
	
function create () {
		
		this.anims.create({
			key: "shower_cursor",
			framerate: 12,
			frames: this.anims.generateFrameNumbers("clean", {
				prefix: "showerhead_000",
				start: 0,
				end: 7}),
			repeat: -1
		});
		
		gameState.shower_cursor = this.add.sprite(400,400,'shower_cursor');
		console.log(gameState.shower_cursor.frame);
		//gameState.shower_cursor.playAfterDelay('shower_cursor', 100);
		//gameState.shower_cursor.alpha = 0;
}

var config = {
	backgroundColor: "0xf0f0f0",
	scale: {
		width: gameState.gameWidth,
		height: gameState.gameHeight,
		autoCenter: Phaser.Scale.CENTER_BOTH
	},
	scene: {
		preload, create
	}
};
var game = new Phaser.Game(config);