如何使用相位器查找鼠标位置 x/y

how to find the mouse position x/y using phaser

本文关键字：位置 鼠标 查找 何使用      更新时间：2023-09-26

我遇到了问题，当他们单击图像时尝试显示鼠标位置 x/y，我使用相位器提供的单击和图像示例之一。

这是代码

var game = new Phaser.Game(800, 500, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
var text;
var counter = 0;
function preload () {
    //  You can fill the preloader with as many assets as your game requires
    //  Here we are loading an image. The first parameter is the unique
    //  string by which we'll identify the image later in our code.
    //  The second parameter is the URL of the image (relative)
    game.load.image('Happy-face', 'happy.png'); 
}
function create() {
    //  This creates a simple sprite that is using our loaded image and
    //  displays it on-screen and assign it to a variable
    var image = game.add.sprite(game.world.centerX, game.world.centerY, 'Happy-face');
    //  Moves the image anchor to the middle, so it centers inside the game properly
    image.anchor.set(0.5);
    //  Enables all kind of input actions on this image (click, etc)
    image.inputEnabled = true;
    this.position = new Phaser.Point();
    text = game.add.text(250, 16, '', { fill: '#ffffff' });
    image.events.onInputDown.add(listener, this);
}
function listener () {
    counter++;
    text.text = "Position x/y " + counter + "!";

}

如果你想要 x 和 y 位置 o f 输入 

game.input.x;
game.input.y;

如果您特别想要鼠标

game.input.mousePointer.x;
game.input.mousePointer.y;

侦听器函数将类似于 

function listener () {
counter++;
text.text = game.input.mousePointer.x +"/"+game.input.mousePointer.y +     counter + "!";

}

只是要补充一点，listener函数将被发送 2 个参数：精灵和指针。所以你可以做到：

function listener (sprite, pointer) { var x = pointer.x; var y = pointer.y; ... }

这将是最准确的使用方法，因为它考虑了多点触控设备，而直接访问input.x/y不会，它只包含最新的触摸事件坐标（在仅鼠标环境中很好，但在其他任何地方都不能）。

相关文章：