首页 > 解决方案 > 滚动网页时 Phaser 3 拖动事件错误

问题描述

我在游戏对象上设置了一个拖动事件。当我滚动网页时,点击区域不跟随游戏对象。我应该在代码中添加什么?

const dragTurret = this.scene.load.image(x, y, key);
        
    // 建立砲台拖曳事件
    dragTurret.setInteractive({ draggable: true })

    // 點選時新增砲台,讓原本的炮台物件變成可拖曳的物件
    .on(Phaser.Input.Events.GAMEOBJECT_DRAG_START, (point: any) => {
        this.setTurrent(key, x, y);
    })

    // 拖曳時物件跟隨鼠標
    .on('drag', (point: any) => {
        dragTurret.x = point.x;
        dragTurret.y = point.y;
    })

    // 結束拖曳時觸發放置炮台物件並將原本拖曳的物件摧毀
    .once('dragend', (point: any) => {
        dragTurret.destroy(); ...

标签: typescriptwebphaser-framework

解决方案


推荐阅读