点击事件只在圆心处起作用[英] Click event is working only in the circle centre

问题描述

当我使用一个圆圈时,只有它的中心接收事件,如果我点击任何它不起作用的地方,只有当我点击圆圈中心时.如何让整个圈子都可以点击?

const circle = this.add.circle(300, 300, 25, 0xff0000, 1);
circle.setInteractive();
circle.on('pointerdown', function() {
    console.log("click");
}); 

更新:使用移相器 3

推荐答案

var config = {
    width: 800,
    height: 600,
    type: Phaser.AUTO,
    parent: 'phaser-example',
    scene: {
        create: create
    }
};

var game = new Phaser.Game(config);

function create ()
{
    var graphics = this.add.graphics({ fillStyle: { color: 0xff0000 } });

    var circle = new Phaser.Geom.Circle(30, 30, 25);

    graphics.fillCircleShape(circle);

    this.input.on('pointerdown', function (pointer) {
      console.log("click")
    });
}
<script src="//cdn.jsdelivr.net/npm/phaser@3.17.0/dist/phaser.min.js"></script>

本文地址:https://www.itbaoku.cn/post/1740220.html