Phaser.js 拖放问题

Question

我正在尝试制作一个匹配游戏，其中您有 4 个精灵，其中 3 个精灵上有东西，而另一个精灵有类似 anwnser，例如，问题可能是分数和小数的匹配，您将有 3 个分数或 3 个小数点，其中一个作为正确的 awnser 在您与正确的精灵匹配的另一个精灵上。但我的问题是我无法让精灵欺骗它们正在碰撞。这是我目前所拥有的。

/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */

var game = new Phaser.Game(800, 600, Phaser.AUTO, '', {preload: preload, create: create, update: update});

function preload() {
    game.load.image('Cone','pics/ICE-Cream-cone_1.png');
    game.load.image('back','pics/BakerIceBackground_1.png');
    game.load.image('Shoot','pics/CreamShoot.png');
    game.load.image('star','pics/star.png');
}

var cone;
var text;

function create() {    
    back = game.add.sprite(0, 0, 'back');
    s1 = game.add.sprite(500, 250, 'Shoot');
    s2 = game.add.sprite(280, 250, 'Shoot');
    s3 = game.add.sprite(60, 250, 'Shoot');
    cone = game.add.sprite(300, 400, 'Cone');
    cone.inputEnabled = true;
    cone.input.enableDrag();

    game.physics.enable(cone, Phaser.Physics.ARCADE);

    var style = {font: "32px comic sans", fill :"#ff0044", wordwrap: true, wordWrapWidth: cone.width,align:"center"};
    text = game.add.text(0,0, "test", style);
    text.anchor.set(0.5);
}

function update() {       
    text.x = Math.floor(cone.x + cone.width / 2);
    text.y = Math.floor(cone.y + cone.height / 2);
    game.physics.arcade.overlap(cone,s1,collisionHandler,null,this);
    //CX = s2.x;
    //CY = s2.y;
    // console.log(CY);
    // console.log(CX);

    function collisionHandler() {
        console.log("game Over");
    }   
}

Answer 1

在 create 函数中启用 s1 game.physics.arcade.enable(s1); 的物理 game.physics.arcade.overlap(cone,s1,collisionHandler,null,this); 在 update 函数的请求下执行此操作。你也可以使用 game.physics.arcade.collide(//your params);

这里的一些链接可能会有所帮助 - detect collision and overlap

overlap with a scaled sprite