Java版Pac-Man开发求助：角色绘制与移动实现方法咨询

Hey there! Let's break down how to implement the movement and drawing for your Pac-Man clone—this is such a classic, fun project to tackle. Here's a step-by-step approach tailored exactly to what you're asking:

First off, your initial idea is spot-on: separate static (unchanging) elements like walls from dynamic (moving) ones like Pac-Man and ghosts. Walls only need to be drawn once, stored in an off-screen buffer, and reused every frame. Characters get redrawn each frame in their updated positions—this keeps your code efficient and avoids unnecessary work.

We’ll use a JPanel as our game canvas—it has built-in double-buffering to reduce screen flicker, which is perfect for smooth animation. Here’s the base class setup:

import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

public class GamePanel extends JPanel implements ActionListener {
    private BufferedImage wallBuffer; // Stores our pre-drawn walls
    private Timer animationTimer;
    // Character state variables
    private int pacManX, pacManY;
    private int ghostX, ghostY;
    private int pacManDirection; // 0 = up, 1 = right, 2 = down, 3 = left

    public GamePanel() {
        setPreferredSize(new Dimension(600, 600)); // Match your game grid size
        setBackground(Color.BLACK);

        // Initialize starting positions (tweak to fit your level)
        pacManX = 300;
        pacManY = 300;
        ghostX = 100;
        ghostY = 100;

        // Create wall buffer and draw walls once
        createWallBuffer();
        drawWallsToBuffer();

        // Set up animation timer (~60 FPS for smooth movement)
        animationTimer = new Timer(16, this);
        animationTimer.start();
    }
}

Instead of redrawing walls every frame, we’ll draw them once to a BufferedImage (our wall buffer). This way, every frame we just render this pre-made image instead of rebuilding all walls from scratch.

Add these methods to your GamePanel class:

private void createWallBuffer() {
    // Match the panel's dimensions
    wallBuffer = new BufferedImage(getWidth(), getHeight(), BufferedImage.TYPE_INT_ARGB);
}

private void drawWallsToBuffer() {
    Graphics2D g2d = wallBuffer.createGraphics();
    g2d.setColor(Color.BLUE); // Pick your wall color

    // Example: Draw basic border walls (replace with your actual level layout)
    g2d.fillRect(0, 0, getWidth(), 20); // Top border
    g2d.fillRect(0, 0, 20, getHeight()); // Left border
    g2d.fillRect(getWidth()-20, 0, 20, getHeight()); // Right border
    g2d.fillRect(0, getHeight()-20, getWidth(), 20); // Bottom border

    g2d.dispose(); // Clean up the graphics context when done
}

Now override the paintComponent method—this is where we’ll first draw our cached wall image, then render Pac-Man and ghosts in their current positions. We’ll use Graphics2D for smoother shapes and anti-aliasing.

@Override
protected void paintComponent(Graphics g) {
    super.paintComponent(g);
    Graphics2D g2d = (Graphics2D) g;

    // Enable anti-aliasing for crisp, smooth shapes
    g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);

    // 1. Draw the pre-rendered walls first
    g2d.drawImage(wallBuffer, 0, 0, this);

    // 2. Draw Pac-Man in his current position
    drawPacMan(g2d);

    // 3. Draw the ghost(s)
    drawGhost(g2d);
}

private void drawPacMan(Graphics2D g2d) {
    g2d.setColor(Color.YELLOW);
    // Draw Pac-Man's circular body
    g2d.fillOval(pacManX, pacManY, 20, 20);

    // Draw his mouth (wedge shape based on direction)
    g2d.setColor(Color.BLACK);
    switch (pacManDirection) {
        case 1: // Right
            g2d.fillArc(pacManX, pacManY, 20, 20, 45, 270);
            break;
        case 3: // Left
            g2d.fillArc(pacManX, pacManY, 20, 20, 225, 270);
            break;
        case 0: // Up
            g2d.fillArc(pacManX, pacManY, 20, 20, 315, 270);
            break;
        case 2: // Down
            g2d.fillArc(pacManX, pacManY, 20, 20, 135, 270);
            break;
    }
}

private void drawGhost(Graphics2D g2d) {
    g2d.setColor(Color.RED);
    // Draw ghost's rounded body
    g2d.fillRoundRect(ghostX, ghostY, 20, 25, 10, 10);
    // Draw ghost eyes
    g2d.setColor(Color.WHITE);
    g2d.fillOval(ghostX + 5, ghostY + 5, 6, 6);
    g2d.fillOval(ghostX + 9, ghostY + 5, 6, 6);
    g2d.setColor(Color.BLACK);
    g2d.fillOval(ghostX + 7, ghostY + 7, 2, 2);
    g2d.fillOval(ghostX + 11, ghostY + 7, 2, 2);
}

The Timer we set up calls actionPerformed every ~16ms. This is where we’ll update character positions, handle wall collisions, and trigger a repaint to show the new state.

Add this method to your GamePanel class:

@Override
public void actionPerformed(ActionEvent e) {
    int moveSpeed = 2; // Adjust speed to feel right

    // Update Pac-Man's position (with wall collision check)
    switch (pacManDirection) {
        case 0: // Up
            if (!isWallAt(pacManX, pacManY - moveSpeed)) {
                pacManY -= moveSpeed;
            }
            break;
        case 1: // Right
            if (!isWallAt(pacManX + moveSpeed, pacManY)) {
                pacManX += moveSpeed;
            }
            break;
        case 2: // Down
            if (!isWallAt(pacManX, pacManY + moveSpeed)) {
                pacManY += moveSpeed;
            }
            break;
        case 3: // Left
            if (!isWallAt(pacManX - moveSpeed, pacManY)) {
                pacManX -= moveSpeed;
            }
            break;
    }

    // Example ghost movement (replace with pathfinding or random logic later)
    ghostX += 1;

    // Trigger a repaint to render the updated positions
    repaint();
}

// Helper to check if a position overlaps with a wall
private boolean isWallAt(int x, int y) {
    // Replace with your actual collision logic (e.g., check against level grid)
    return x < 20 || y < 20 || x + 20 > getWidth() || y + 20 > getHeight();
}

• Grid-Based Movement: Most Pac-Man clones use a tile grid (like 16x16). You can adjust positions to snap to grid tiles for more authentic movement.
• Pac-Man Mouth Animation: Toggle between open/closed mouth states every few frames in actionPerformed for that classic chomp effect.
• Input Handling: Add a KeyListener to update pacManDirection when arrow keys are pressed.

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