Phaser JS游戏中敌方单位智能射击实现指南

// 假设 enemy 和 player 都是 Phaser.GameObjects.Sprite 或 Phaser.Physics.Arcade.Sprite
function checkBasicLineOfSight(enemy, player) {
    // 1. 获取敌方和玩家的位置
    const enemyX = enemy.x;
    const enemyY = enemy.y;
    const playerBounds = player.getBounds(); // 获取玩家的边界矩形

    // 2. 创建一条从敌方到玩家的几何线段
    const lineOfSight = new Phaser.Geom.Line(enemyX, enemyY, player.x, player.y);

    // 3. 使用 LineToRectangle 判断交集
    // 注意：LineToRectangle 接受 Phaser.Geom.Line 对象和 Phaser.Geom.Rectangle 对象
    const intersects = Phaser.Geom.Intersects.LineToRectangle(lineOfSight, playerBounds);

    if (intersects) {
        console.log("敌方看到玩家，可以射击！");
        // 触发射击逻辑
        return true;
    } else {
        console.log("敌方未看到玩家。");
        return false;
    }
}

// 在 update 循环中调用
// checkBasicLineOfSight(this.enemyTank, this.playerTank);

npm install phaser-raycaster

// game.js 或 main.js
import Phaser from 'phaser';
import RaycasterPlugin from 'phaser-raycaster';

const config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    physics: {
        default: 'arcade',
        arcade: {
            debug: false
        }
    },
    plugins: {
        scene: [
            {
                key: 'PhaserRaycaster',
                plugin: RaycasterPlugin,
                mapping: 'raycasterPlugin' // 可通过 this.raycasterPlugin 访问
            }
        ]
    },
    scene: MyGameScene
};

const game = new Phaser.Game(config);

class MyGameScene extends Phaser.Scene {
    constructor() {
        super('MyGameScene');
    }

    preload() {
        // 加载地图、玩家、敌人等资源
        this.load.image('tiles', 'assets/tileset.png');
        this.load.tilemapTiledJSON('map', 'assets/level.json');
        this.load.image('player', 'assets/player.png');
        this.load.image('enemy', 'assets/enemy.png');
    }

    create() {
        // 创建瓦片地图
        const map = this.make.tilemap({ key: 'map' });
        const tileset = map.addTilesetImage('tiles', 'tiles');
        const groundLayer = map.createLayer('Ground', tileset, 0, 0);
        const wallLayer = map.createLayer('Walls', tileset, 0, 0); // 障碍物层

        // 设置墙壁层可碰撞
        wallLayer.setCollisionByProperty({ collides: true });

        // 创建玩家和敌人
        this.player = this.physics.add.sprite(100, 100, 'player');
        this.enemy = this.physics.add.sprite(300, 300, 'enemy');

        // 初始化 Raycaster
        this.raycaster = this.raycasterPlugin.createRaycaster();
        // 添加障碍物层到 Raycaster，以便检测碰撞
        this.raycaster.mapGameObjects(wallLayer, false, {
            collisionTiles: [1, 2, 3] // 假设瓦片ID 1,2,3 是墙壁
        });
        // 或者直接映射物理组
        // this.obstacles = this.physics.add.staticGroup();
        // this.obstacles.add(someObstacleSprite);
        // this.raycaster.mapGameObjects(this.obstacles);

        // 创建一条射线，用于检测视线
        this.ray = this.raycaster.createRay();
        this.ray.setOrigin(this.enemy.x, this.enemy.y);
    }

    update() {
        // 更新射线起点为敌人位置
        this.ray.setOrigin(this.enemy.x, this.enemy.y);
        // 设置射线方向指向玩家
        this.ray.setAngle(Phaser.Math.Angle.Between(this.enemy.x, this.enemy.y, this.player.x, this.player.y));

        // 进行光线投射检测
        const intersections = this.ray.cast();

        // 检查是否有交点，并且最近的交点是否是玩家
        if (intersections.length > 0) {
            // 找到最近的交点
            const closestIntersection = intersections.reduce((min, current) => 
                (min.distance < current.distance ? min : current), intersections[0]);

            // 计算射线起点到玩家的距离
            const distanceToPlayer = Phaser.Math.Distance.Between(this.enemy.x, this.enemy.y, this.player.x, this.player.y);

            // 如果最近的交点距离大于或等于到玩家的距离（允许浮点误差），
            // 且交点不是玩家本身（如果玩家被映射为可碰撞对象），则视线畅通
            // 更精确的做法是检查最近的交点是否属于障碍物
            if (closestIntersection.distance >= distanceToPlayer - 5) { // 允许一点误差
                console.log("敌人看到玩家，可以射击！");
                // 触发射击逻辑
            } else {
                console.log("敌人被障碍物遮挡，未看到玩家。");
            }
        } else {
            // 没有交点，说明视线完全畅通（除非玩家在地图外或射线太短）
            console.log("敌人看到玩家，可以射击！");
            // 触发射击逻辑
        }

        // 注意：上述逻辑需要根据具体的插件API和游戏需求进行调整。
        // 例如，phaser-raycaster通常会返回一个包含所有交点的数组，
        // 你需要判断最近的交点是否是玩家，或者是否是障碍物。
    }
}