本文为技术分享，借助官方 LayaAir-MCP 实现。（模型选用opus4.6搭配claude code，又准又快，游戏素材来自于网络侵删）

相信各位也在相似的游戏上耗费过些许精力，但谁不想救一只被蜜蜂困扰的小狗呢？本项目在 LayaAir 3.3.8 中复刻了一个画线物理小游戏。玩家画线保护狗狗不被蜜蜂蛰到，线条有真实物理效果，蜜蜂会寻路绕行。

效果：手指画出黑色墨水线 → 线条变成物理刚体落在地面上 → 蜜蜂撞线会被弹开并尝试绕行 → 狗站在线上受重力保护。

整个效果就两部分：一个画线物理系统负责线条，一个蜜蜂 AI 脚本负责追踪与绕行。效果如图：

一、画线物理系统

原理

触摸采样一系列点 → Graphics 绘制外观 → 为每段线段生成一个矩形碰撞体 → 挂载在 dynamic 刚体上。

每段线段展开成矩形碰撞体的截面：

为什么不用链形碰撞体呢？因为ChainShape2D 虽然可以挂在 dynamic 刚体上不报错，但它本质是一系列 edge（边），边没有面积。Box2D 的质量公式是 mass = density × area，面积为零所以质量永远为零——线不会掉也推不动。必须用 PolygonShape2D 逐段拼成矩形，矩形有面积，density 才真正生效。

关键参数

rigidBody.type = "dynamic";
rigidBody.gravityScale = 2;      // 有重力，画完会掉
rigidBody.linearDamping = 2;     // 被撞后慢慢停
rigidBody.angularDamping = 2;

poly.density = 50;               // 够重，蜜蜂推得动但不会飞
poly.friction = 0.6;
poly.restitution = 0.1;          // 低弹性，不弹跳

density 是最敏感的参数。太轻（<10）蜜蜂一撞就飞，太重（>100）蜜蜂推不动。50 是一个比较平衡的值。

禁区处理

画线时需要限制两个区域——不能画到地面里，不能画到狗身上：

// 地面：超过 y=1130 截断
if (pos.y > 1130) pos.y = 1130;

// 狗：碰到狗的碰撞圆就结束当前线段
let dx = pos.x - dogNode.x, dy = pos.y - dogNode.y;
if (dx * dx + dy * dy < (DOG_RADIUS + 10) ** 2) {
    finishLine();
    return;
}

墨水量控制

每帧计算已画长度，超出最大墨水量就自动截断：

let dist = Math.sqrt(dx * dx + dy * dy);
if (dist > remainLength) {
    let ratio = remainLength / dist;
    pos.x = lastPt.x + dx * ratio;
    pos.y = lastPt.y + dy * ratio;
}
remainLength -= dist;
if (remainLength <= 0) finishLine();

二、蜜蜂 AI

蜜蜂的行为概括：永远追狗，碰线弹开，碰多了就侧移绕行。没有寻路算法，纯靠碰撞反馈驱动。

核心思路

关键：没有专门的「绕行状态」。蜜蜂始终朝狗飞，只是通过侧移偏移量改变飞行方向的横向分量：

// 基础方向：朝向狗
let dirX = dx / dist, dirY = dy / dist;

// 侧移：垂直于朝狗方向
if (sideOffset > 0) {
    let perpX = -dirY * sideDir;  // sideDir = ±1，随机左或右
    let perpY = dirX * sideDir;
    dirX = dirX * (1 - sideOffset) + perpX * sideOffset;
    dirY = dirY * (1 - sideOffset) + perpY * sideOffset;
}

sideOffset 碰线 1 次就设为 0.7（70% 侧移），然后每秒衰减 15% 逐渐回到直线追狗。效果：碰线后大幅横移，几秒后恢复直飞，如果又碰到线就再次横移——自然而然地从线的端点缝隙绕进去。

防穿模（三重检测）

蜜蜂速度快时一帧可能跳过线段。所有移动都走 safeMove，三道检测缺一不可：

检测 1：扫掠检测 — 旧位置→新位置的线段是否与画线线段相交（防高速跳过）

let cross = d1x * d2y - d1y * d2x;
let t = ((p2x - p0x) * d2y - (p2y - p0y) * d2x) / cross;
let u = ((p2x - p0x) * d1y - (p2y - p0y) * d1x) / cross;
return t >= 0 && t <= 1 && u >= 0 && u <= 1;

检测 2：距离检测 — 新位置离线段距离 < 碰撞半径（防贴脸）

检测 3：推出检测 — 每帧检查当前位置是否已在线内，沿法线强制推出来（兜底修复）

let cp = closestPointOnSegment(bee, segA, segB);
let pushDir = normalize(bee - cp);
bee = cp + pushDir * COL_RADIUS;

碰撞冷却

碰到一条线后 0.5 秒内忽略同一条线（防卡死），但碰到其他线照常弹开。这个区分很关键——全局冷却会导致蜜蜂穿过第二条线，只忽略同一条线则不会：

if (line === lastHitLine && lastHitTimer > 0) continue; // 跳过
// 其他线照常检测

撞击施加冲量

碰撞是代码层面的距离检测，不走物理引擎。蜜蜂碰到线时需要手动给线的 RigidBody 施加冲量，否则线不会动：

let lineRb = line.node.getComponent(Laya.RigidBody);
lineRb.applyLinearImpulseToCenter({
    x: toDogX * speed * 0.5,
    y: toDogY * speed * 0.5
});

力度 = 蜜蜂速度 × 0.5，太大线会飞，太小没手感。

参数调节

| 参数 | 值 | 效果 |
| ----------------- | ---------- | -------------------- |
| BEE_SPEED | 350 | 基础飞行速度 |
| BEE_FAST_SPEED | 550 | 存活越久越快，上限 |
| BEE_BOUNCE_SPEED | 600 | 弹开瞬间速度 |
| sideOffset 初始值 | 0.7 | 碰线后 70% 侧移 |
| sideOffset 衰减 | 0.15/秒 | 约 5 秒恢复直飞 |
| COL_RADIUS | BEE_R + 20 | 碰撞检测比视觉大一圈 |

速度递增公式：speed = min(550, 350 + aliveTime * 15)，存活 13 秒后到达上限。

好，核心机制就这些。画线系统的要点在于逐段拼接 + density 调参，蜜蜂 AI 的要点在于侧移绕行 + 三重防穿模。欢迎大家讨论补充！

完整源码如下：

drawline.zip

3MB