在Phaser 3中，如何启用单击数组中的单个项目并在屏幕的不同部分显示每个项目？

preload() {
    // 加载图片资源
    this.load.image('item1', 'path_to_item1_image');
    this.load.image('item2', 'path_to_item2_image');
    // 其他项目的图片资源加载...
}

create() {
    // 创建数组和项目的精灵
    this.itemsArray = ['item1', 'item2', 'item3']; // 数组中包含所需项目的键值

    this.itemsGroup = this.physics.add.group(); // 创建一个组用于存放项目精灵

    // 遍历数组创建每个项目的精灵
    this.itemsArray.forEach((itemKey, index) => {
        let item = this.itemsGroup.create(100, 100 + (index * 50), itemKey);
        item.setInteractive(); // 启用精灵的交互性，以便监听单击事件

        // 监听单击事件
        item.on('pointerdown', () => {
            this.showItem(index); // 调用自定义的方法显示项目
        });
    });
}

// 显示项目的方法
showItem(index) {
    // 根据索引获取精灵
    let item = this.itemsGroup.getChildren()[index];

    // 移动精灵到屏幕的不同位置
    item.x = Phaser.Math.Between(100, this.sys.game.config.width - 100);
    item.y = Phaser.Math.Between(100, this.sys.game.config.height - 100);
}