// class PreloadScene extends Phaser.Scene {
//   constructor() {
//     super({ key: 'PreloadScene1' });
//   }

//   preload() {
//     let progressBar = this.add.graphics();
//     let progressBox = this.add.graphics();
//     progressBox.fillStyle(0x222222, 0.8);
//     progressBox.fillRect(240, 270, 320, 50);

//     let width = this.cameras.main.width;
//     let height = this.cameras.main.height;
//     let loadingText = this.make.text({
//       x: width / 2,
//       y: height / 2 - 50,
//       text: 'Loading...',
//       style: {
//         font: '20px monospace',
//         color: '#ffffff',
//       },
//     });
//     loadingText.setOrigin(0.5, 0.5);

//     let percentText = this.make.text({
//       x: width / 2,
//       y: height / 2 - 5,
//       text: '0%',
//       style: {
//         font: '18px monospace',
//         color: '#ffffff',
//       },
//     });
//     percentText.setOrigin(0.5, 0.5);

//     let assetText = this.make.text({
//       x: width / 2,
//       y: height / 2 + 50,
//       text: '',
//       style: {
//         font: '18px monospace',
//         color: '#ffffff',
//       },
//     });
//     assetText.setOrigin(0.5, 0.5);

//     this.load.on('progress', (value: number) => {
//       percentText.setText(parseInt((value * 100).toString()) + '%');
//       progressBar.clear();
//       progressBar.fillStyle(0xffffff, 1);
//       progressBar.fillRect(250, 280, 300 * value, 30);
//     });

//     this.load.on('fileprogress', (file: any) => {
//       assetText.setText('Loading asset: ' + file.key);
//     });

//     this.load.on('complete', () => {
//       progressBar.destroy();
//       progressBox.destroy();
//       loadingText.destroy();
//       percentText.destroy();
//       assetText.destroy();
//     });

//   //   this.load.image('logo', 'zenvalogo.png');
//   //   for (let i = 0; i < 5000; i++) {
//   //     this.load.image('logo' + i, 'zenvalogo.png');
//   //   }
//   // }

//   create() {
//     this.cameras.main.setBackgroundColor('#abcdef');
//     // let logo = this.add.image(400, 300, 'logo');
//     this.scene.start('examples');
//   }
// }
// export default PreloadScene;
