Java中如何实现图形逐帧渲染，控制对象移动速度？

你的问题根源在于**tick()方法里的while循环一次性走完了整个路径**——这会导致程序在单次tick调用中直接把角色从起点瞬移到终点，中间的位置变化根本没机会被render()捕捉到，自然只能看到起止位置。

要实现平滑移动+速度控制，我们需要把"一次性走完路径"改成每帧tick只移动一小段距离，让render()有机会绘制每一步的位置。下面是具体的修改方案：

核心调整思路 #

• 移除tick()中的while循环，改为逐帧处理移动逻辑
• 新增变量跟踪当前正在移动的路径节点索引，以及是否处于移动状态
• 每帧只移动speed个像素，直到到达当前目标节点，再切换到下一个节点

修改后的代码示例 #

// 新增成员变量，用于跟踪移动状态和路径位置
private int currentPathIndex;
private boolean isMoving = false;
private int speed = 2; // 这里可以调整移动速度，值越大越快

public void render(Graphics g) {
    g.drawImage(JamesTexture.james, x, y, width, height, null);
}

public void tick() {
    if (!run || stop) {
        return;
    }

    // 初始化移动状态（第一次触发时）
    if (!isMoving) {
        currentPathIndex = Maze.fx.size() - 1;
        isMoving = true;
        // 初始化当前位置为路径起点
        xx = getPathX(currentPathIndex);
        yy = getPathY(currentPathIndex);
        x = xx;
        y = yy;
    }

    // 还没走到路径的第一个节点，继续移动
    if (currentPathIndex > 0) {
        int targetX = getPathX(currentPathIndex - 1);
        int targetY = getPathY(currentPathIndex - 1);
        
        // 向目标X坐标移动speed像素
        if (xx < targetX) {
            xx += speed;
            if (xx > targetX) xx = targetX; // 防止超过目标点
        } else if (xx > targetX) {
            xx -= speed;
            if (xx < targetX) xx = targetX;
        }
        
        // 向目标Y坐标移动speed像素
        if (yy < targetY) {
            yy += speed;
            if (yy > targetY) yy = targetY;
        } else if (yy > targetY) {
            yy -= speed;
            if (yy < targetY) yy = targetY;
        }
        
        // 更新当前渲染位置
        x = xx;
        y = yy;
        
        // 到达当前目标节点，切换到下一个节点
        if (xx == targetX && yy == targetY) {
            currentPathIndex--;
        }
    } else {
        // 路径走完，停止移动
        isMoving = false;
        stop = true;
    }
}

int getPathX(int z) {
    List<Integer> fx = Maze.fx;
    z = fx.get(z);
    return z * 32;
}

int getPathY(int z) {
    List<Integer> fy = Maze.fy;
    z = fy.get(z);
    return z * 32;
}

关键说明 #

• 速度控制：通过调整speed变量的值来控制移动快慢，数值越大每帧移动的像素越多，速度越快
• 逐帧更新：现在每次tick只移动speed个像素，之后就会触发render()绘制当前位置，所以你能看到平滑的移动过程
• 状态跟踪：用currentPathIndex记录当前要到达的路径节点，isMoving标记是否处于移动状态，避免重复初始化

这样修改后，角色会沿着路径逐帧移动，每一步的位置都会被渲染出来，而且你可以通过调整speed轻松控制移动速度。

内容的提问来源于stack exchange，提问作者Michael Gonzalez