小球沿正方形轨迹运动实现方法

本文讲解如何通过分阶段控制坐标更新，使小球严格沿顺时针（或逆时针）正方形路径循环运动，而非默认的反弹式“菱形”轨迹。核心在于禁用同时更新 x/y 坐标，改用状态驱动的分段线性运动逻辑。

这篇文章要解决一个具体问题：如何让小球沿着正方形的四条边连续运动，而不是像撞墙一样来回反弹。

你当前的代码使用基于边界碰撞的双向反弹，每帧同时更新 posX 和 posY，导致小球在屏幕四角反复折返，形成四个斜向线段组成的闭合路径——本质上是一个菱形轨迹，而非正方形。

要实现“→ ↓ ← ↑”循环的正方形路径，关键点在于：每次只更新一个坐标（要么 x 要么 y），到达拐点时切换运动方向和轴向。采用状态机管理运动阶段，是最清晰、最不易出错的方案。

public enum SquarePhase {
    RIGHT,   // 向右移动（y 固定，x 增加）
    DOWN,    // 向下移动（x 固定，y 增加）
    LEFT,    // 向左移动（y 固定，x 减少）
    UP       // 向上移动（x 固定，y 减少）
}

private SquarePhase currentPhase = SquarePhase.RIGHT;
private static final int SQUARE_SIZE = 200; // 正方形边长
private int startX = 100, startY = 100;     // 起始左上角坐标

public void move(int widthScreen, int heightScreen) {
    switch (currentPhase) {
        case RIGHT:
            posX += velocityX;
            if (posX >= startX + SQUARE_SIZE) {
                posX = startX + SQUARE_SIZE; // 精确对齐拐点
                currentPhase = SquarePhase.DOWN;
            }
            break;
        case DOWN:
            posY += velocityY;
            if (posY >= startY + SQUARE_SIZE) {
                posY = startY + SQUARE_SIZE;
                currentPhase = SquarePhase.LEFT;
            }
            break;
        case LEFT:
            posX -= velocityX;
            if (posX <= startX) {
                posX = startX;
                currentPhase = SquarePhase.UP;
            }
            break;
        case UP:
            posY -= velocityY;
            if (posY <= startY) {
                posY = startY;
                currentPhase = SquarePhase.RIGHT; // 循环回起点
            }
            break;
    }
}

关键要点详解

• 禁用双轴联动：每次只修改 posX 或 posY 中的一个，确保每段运动都是严格的水平或垂直线，避免斜线混合。
• 显式定义拐点：通过 startX、startY 和 SQUARE_SIZE 精确控制正方形位置和尺寸，不依赖屏幕边界，使轨迹稳定可控。
• 精准状态切换：坐标到达目标值时立即锁定位置并切换相位，防止因浮点误差或帧率波动导致“过冲”（小球跑过头）。
• 良好的扩展性：调整速度、边长或起始位置只需修改常量，核心逻辑无需改动，维护方便。

如需适配不同屏幕尺寸，可将 startX 和 startY 设为相对坐标（如 widthScreen/4、heightScreen/4），但需确保 SQUARE_SIZE 小于可用空间，避免小球越界。

这套方案完全跳出碰撞检测的思维定式，转向确定性路径规划——这是实现几何精确运动的标准做法，也是许多游戏和动画中“固定路径”移动的实现基础。