如何解决LIBGDX中修改游戏对象颜色无变化的问题？

安全阿岳

2026-7-10

LibGDX设置游戏对象自定义颜色无效果的解决方法

问题

刚接触LibGDX，想要将Pegs、Walls、Catchers等游戏对象改成不同深浅的紫色。尝试将同类型对象存入ArrayList，在Play类的render()方法中遍历设置颜色，但完全没有效果。

初始尝试代码：

sb.setColor(Color.PINK);
for (RoundPeg peg : pegs) {
    peg.draw(sb);
}

问题根源

缺少绘制逻辑：RoundPeg类没有实现draw()方法，调用peg.draw(sb)不会执行任何绘制操作；Walls和Catchers也没有对应的绘制代码和集合存储。
依赖调试渲染器：当前使用Box2DDebugRenderer渲染，它仅显示Box2D碰撞体的轮廓，不支持自定义颜色绘制。
SpriteBatch限制：SpriteBatch无法直接绘制几何图形（如圆形、矩形），需要使用ShapeRenderer来绘制自定义形状。

解决步骤

1. 重构RoundPeg类，添加绘制逻辑

保存Body引用和半径，实现用ShapeRenderer绘制圆形的方法：

public class RoundPeg {
    private final Color color;
    private Body body;
    private float radius;

    public RoundPeg(int posX, int posY, World world, Color color) {
        this.color = color;
        this.radius = 4; // 像素单位，渲染时转换为Box2D单位

        BodyDef bdef = new BodyDef();
        bdef.position.set(posX / Play.PPM, posY / Play.PPM);
        bdef.type = BodyDef.BodyType.StaticBody;
        body = world.createBody(bdef);

        CircleShape cshape = new CircleShape();
        cshape.setRadius(radius / Play.PPM);
        FixtureDef fdef = new FixtureDef();
        fdef.shape = cshape;

        fdef.filter.categoryBits = Box2dVars.BIT_PEG;
        fdef.filter.maskBits = Box2dVars.BIT_BALL;
        body.createFixture(fdef).setUserData("peg");
        cshape.dispose();
    }

    public void draw(ShapeRenderer shapeRenderer) {
        shapeRenderer.setColor(color);
        Vector2 pos = body.getPosition();
        float x = pos.x * Play.PPM;
        float y = pos.y * Play.PPM;
        shapeRenderer.circle(x, y, radius);
    }
}

2. 新建Wall和Catcher类，统一绘制逻辑

Wall类：

public class Wall {
    private Body body;
    private Color color;
    private float width;
    private float height;

    public Wall(Body body, Color color, float width, float height) {
        this.body = body;
        this.color = color;
        this.width = width;
        this.height = height;
    }

    public void draw(ShapeRenderer shapeRenderer) {
        shapeRenderer.setColor(color);
        Vector2 pos = body.getPosition();
        float x = pos.x * Play.PPM;
        float y = pos.y * Play.PPM;
        shapeRenderer.rect(x - width/2, y - height/2, width, height);
    }
}

Catcher类：

public class Catcher {
    private Body body;
    private Color color;
    private float width;
    private float height;

    public Catcher(Body body, Color color, float width, float height) {
        this.body = body;
        this.color = color;
        this.width = width;
        this.height = height;
    }

    public void draw(ShapeRenderer shapeRenderer) {
        shapeRenderer.setColor(color);
        Vector2 pos = body.getPosition();
        float x = pos.x * Play.PPM;
        float y = pos.y * Play.PPM;
        shapeRenderer.rect(x - width/2, y - height/2, width, height);
    }
}

3. 修改Play类，添加ShapeRenderer并管理所有对象

初始化ShapeRenderer，将Walls和Catchers存入集合，在render方法中统一绘制：

public class Play {
    private World world;
    private Box2DDebugRenderer b2dr;
    private OrthographicCamera b2dcam;
    private ArrayList<RoundPeg> pegs;
    private ArrayList<Wall> walls;
    private ArrayList<Catcher> catchers;
    private ShapeRenderer shapeRenderer;
    private float gravity = -9.8f;
    public static final float PPM = 100; // 像素转Box2D单位的比例

    public Play(GameStateManager gsm) {
        super(gsm);
        world = new World(new Vector2(0, gravity), true);
        world.setContactListener(new GameContactListener());
        b2dr = new Box2DDebugRenderer();
        shapeRenderer = new ShapeRenderer();
        
        pegs = new ArrayList<>();
        walls = new ArrayList<>();
        catchers = new ArrayList<>();

        placePegs();
        placeWalls();
        placeCatchers();
        dropBall(250);

        b2dcam = new OrthographicCamera();
        b2dcam.setToOrtho(false, Game.WIDTH / PPM, Game.HEIGHT / PPM);
    }

    private void placePegs() {
        int numRows = 9;
        // 定义不同深浅的紫色
        Color[] pegColors = {
            new Color(0.7f, 0.3f, 0.9f, 1),
            new Color(0.5f, 0.2f, 0.8f, 1),
            new Color(0.3f, 0.1f, 0.7f, 1)
        };

        for (int row = numRows; row >= 1; row--) {
            for (int col = 1; col <= row; col++) {
                int x = (int) (Game.WIDTH * (col + (numRows - row) / 2.0) * 10 / PPM);
                int y = (int) (Game.HEIGHT * (numRows - row + 1) * 8 / PPM);
                // 循环分配不同颜色
                Color color = pegColors[(row + col) % pegColors.length];
                RoundPeg peg = new RoundPeg(x, y, world, color);
                pegs.add(peg);
            }
        }
    }

    private void placeWalls() {
        Color leftWallColor = new Color(0.6f, 0.2f, 0.8f, 1);
        Color rightWallColor = new Color(0.6f, 0.2f, 0.8f, 1);
        Color bottomWallColor = new Color(0.4f, 0.1f, 0.7f, 1);

        // 左墙
        Body leftWallBody = createWallBody(0 / PPM, Game.HEIGHT/2 / PPM, 5 / PPM, Game.HEIGHT / PPM);
        walls.add(new Wall(leftWallBody, leftWallColor, 10, Game.HEIGHT));

        // 右墙
        Body rightWallBody = createWallBody(Game.WIDTH / PPM, Game.HEIGHT/2 / PPM, 5 / PPM, Game.HEIGHT / PPM);
        walls.add(new Wall(rightWallBody, rightWallColor, 10, Game.HEIGHT));

        // 底墙
        Body bottomWallBody = createWallBody(Game.WIDTH/2 / PPM, 0 / PPM, Game.WIDTH / PPM, 5 / PPM);
        walls.add(new Wall(bottomWallBody, bottomWallColor, Game.WIDTH, 10));
    }

    private Body createWallBody(float x, float y, float halfWidth, float halfHeight) {
        BodyDef bdef = new BodyDef();
        bdef.position.set(x, y);
        bdef.type = BodyDef.BodyType.StaticBody;
        Body body = world.createBody(bdef);

        PolygonShape shape = new PolygonShape();
        shape.setAsBox(halfWidth, halfHeight);

        FixtureDef fdef = new FixtureDef();
        fdef.shape = shape;
        fdef.filter.categoryBits = Box2dVars.BIT_WALLS;
        fdef.filter.maskBits = Box2dVars.BIT_BALL;
        body.createFixture(fdef).setUserData("wall");
        shape.dispose();
        return body;
    }

    private void placeCatchers() {
        Color catcherColor = new Color(0.5f, 0.2f, 0.9f, 1);
        for (int i = 10; i < 100; i += 10) {
            float xPos = (Game.WIDTH * i / 100) / PPM;
            Body catcherBody = createWallBody(xPos, 15 / PPM, 5 / PPM, 15 / PPM);
            catchers.add(new Catcher(catcherBody, catcherColor, 10, 30));
        }
    }

    @Override
    public void render() {
        Gdx.gl20.glClearColor(1, 1, 1, 1);
        Gdx.gl20.glClear(GL20.GL_COLOR_BUFFER_BIT);

        // 设置ShapeRenderer的投影矩阵，匹配游戏相机
        shapeRenderer.setProjectionMatrix(gsm.getGame().getCamera().combined);
        shapeRenderer.begin(ShapeRenderer.ShapeType.Filled);

        // 绘制所有对象
        for (RoundPeg peg : pegs) peg.draw(shapeRenderer);
        for (Wall wall : walls) wall.draw(shapeRenderer);
        for (Catcher catcher : catchers) catcher.draw(shapeRenderer);

        shapeRenderer.end();

        // 可选：保留Box2D调试渲染（注释掉则只显示自定义颜色的图形）
        // b2dr.render(world, b2dcam.combined);
    }

    @Override
    public void dispose() {
        world.dispose();
        b2dr.dispose();
        shapeRenderer.dispose(); // 释放资源
    }

    // 省略其他已有方法（handleInput、update、dropBall等）
}

4. 关键注意事项

单位转换：确保像素单位和Box2D单位（通过PPM）正确转换，避免绘制位置偏移。
资源释放：所有Shape、ShapeRenderer等资源要在dispose方法中释放，防止内存泄漏。
颜色定义：可以通过new Color(r, g, b, a)自定义不同深浅的紫色，r/g/b取值范围0-1。

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

如何解决LIBGDX中修改游戏对象颜色无变化的问题？

问题 #

问题根源 #

解决步骤 #

1. 重构RoundPeg类，添加绘制逻辑 #

2. 新建Wall和Catcher类，统一绘制逻辑 #