Java游戏ArrayList实现角色方向动画异常问题求助

问题根源分析 #

1. 多ArrayList分散问题：使用4个ArrayList存储各方向精灵时，未做方向判断就渲染所有列表的精灵，导致四个方向的动画帧同时显示并各自移动，出现分散现象。
2. 单ArrayList单精灵问题：单个ArrayList未按方向分组存储帧序列，无法根据当前移动方向切换对应动画，始终仅渲染固定索引的帧，导致仅显示单个精灵。

解决方案 #

1. 合理组织动画帧存储 #

使用Map<Direction, List<BufferedImage>>按方向分组存储16个精灵（每个方向4帧），便于根据当前方向快速获取对应动画序列：

// 定义方向枚举
enum Direction { UP, DOWN, LEFT, RIGHT }

// 成员变量
private Map<Direction, List<BufferedImage>> animFrames = new HashMap<>();
private Direction currentDir = Direction.DOWN; // 默认方向
private int currentFrame = 0;
private long lastFrameUpdate = 0;
private static final long FRAME_INTERVAL = 120; // 动画帧切换间隔（毫秒）

2. 初始化动画帧 #

将16个精灵按方向分组存入Map：

// 初始化方法（如init()）
private void initAnimFrames() throws IOException {
    // 上方向帧
    List<BufferedImage> upFrames = new ArrayList<>();
    upFrames.add(ImageIO.read(new File("sprites/up_1.png")));
    upFrames.add(ImageIO.read(new File("sprites/up_2.png")));
    upFrames.add(ImageIO.read(new File("sprites/up_3.png")));
    upFrames.add(ImageIO.read(new File("sprites/up_4.png")));
    animFrames.put(Direction.UP, upFrames);

    // 下方向帧
    List<BufferedImage> downFrames = new ArrayList<>();
    downFrames.add(ImageIO.read(new File("sprites/down_1.png")));
    downFrames.add(ImageIO.read(new File("sprites/down_2.png")));
    downFrames.add(ImageIO.read(new File("sprites/down_3.png")));
    downFrames.add(ImageIO.read(new File("sprites/down_4.png")));
    animFrames.put(Direction.DOWN, downFrames);

    // 左、右方向帧同理初始化
}

3. 按键控制与方向更新 #

在键盘监听逻辑中，更新角色位置的同时设置当前移动方向：

// 按键按下事件处理
public void keyPressed(KeyEvent e) {
    int key = e.getKeyCode();
    int speed = 5;

    if (key == KeyEvent.VK_W) {
        y -= speed;
        currentDir = Direction.UP;
    } else if (key == KeyEvent.VK_S) {
        y += speed;
        currentDir = Direction.DOWN;
    } else if (key == KeyEvent.VK_A) {
        x -= speed;
        currentDir = Direction.LEFT;
    } else if (key == KeyEvent.VK_D) {
        x += speed;
        currentDir = Direction.RIGHT;
    }
    repaint();
}

4. 渲染逻辑优化 #

仅渲染当前方向的动画帧，并控制帧切换速度避免动画过快：

@Override
public void paintComponent(Graphics g) {
    super.paintComponent(g);
    long currentTime = System.currentTimeMillis();

    // 定时切换动画帧
    if (currentTime - lastFrameUpdate >= FRAME_INTERVAL) {
        currentFrame = (currentFrame + 1) % animFrames.get(currentDir).size();
        lastFrameUpdate = currentTime;
    }

    // 绘制当前方向的当前帧
    BufferedImage currentSprite = animFrames.get(currentDir).get(currentFrame);
    g.drawImage(currentSprite, x, y, getWidth(), getHeight(), null);
}

关键注意事项 #

• 确保所有精灵图片路径正确，避免因加载失败导致无图像显示。
• 若角色静止时需要显示默认帧（如站立帧），可额外添加静止状态判断，切换到对应的静止帧序列。

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