If 语句使用移相器 3 库检查“RectangleToRectangle”Javascript 中的 boolean 值

Question

Okay i'm using the phaser 3 library to build a small game. In this game an user has to place game elements on a specific place on the screen. If all the elements are in the correct place one point should be added. If they are not the game resets to previous state.

I have the underlying code:

First to get the Bounds of the objects

var bounds_po_orderid = this.answer_element_po_orderid.getBounds();
var bounds_po_eventid = this.answer_element_po_eventid.getBounds();
var bounds_po_orderdate = this.answer_element_po_orderdate.getBounds();
...............

Second compare if the different bounds intersect:

var overl_answerzone_one_bounds_po_orderid  = Phaser.Geom.Intersects.RectangleToRectangle(bounds_po_orderid, bounds_answerzone_one);
var overl_answerzone_one_bounds_po_eventid  = Phaser.Geom.Intersects.RectangleToRectangle(bounds_po_eventid, bounds_answerzone_one);
var overl_answerzone_one_bounds_po_orderdate  = Phaser.Geom.Intersects.RectangleToRectangle(bounds_po_orderdate, bounds_answerzone_one);
var overl_answerzone_one_bounds_po_line_purchaseorderid = Phaser.Geom.Intersects.RectangleToRectangle(bounds_po_line_purchaseorderid, bounds_answerzone_one);

And check if the true/false value when a button is pressed:

this.input.on("gameobjectdown", function (pointer, gameObject) 
    {
        if (gameObject.name == "check_answer_button") 
        {
            if (overl_answerzone_one_bounds_po_orderid ===  true && 
              overl_answerzone_one_bounds_po_eventid === false && 
              overl_answerzone_one_bounds_po_orderdate === false && 
              overl_answerzone_one_bounds_po_line_purchaseorderid === false && 
              overl_answerzone_one_bounds_po_line_orderlineid === false 
             ) 
            {
                this.count = 1
                eventsCenter.emit('update-count', this.count)
            }
            else
            {
                // reset all the controls
            }

The code above doesn't work. For some reason when the first element is in the correct place it doesn't matter where the rest of the elements is placed it will say that the if statement can be fired. I tried replacing the "===" with "==". No result. So basically I don't know what i'm doing wrong.

Answer 1

Assuming this is all the relevant code you need to check that the other elements are in fact in the right spots too.

Right now you are only checking that the first element is in the first answer zone and that none of the other elements are there.

If you have different answer zonen for the other elements you need to check that they are in their right answer zone.