LibGdx将ShapeRenderer和Path结合使用，实现填充效果

最新推荐文章于 2024-08-06 14:54:25 发布

Danny_姜

最新推荐文章于 2024-08-06 14:54:25 发布

阅读量1.6k

点赞数 6

分类专栏： Libgdx

本文链接：https://blog.csdn.net/zxm317122667/article/details/77481775

版权

Libgdx 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

这里写图片描述
在日常使用LibGdx的过程当中，经常会遇到填充一条线或者一个圆圈的需求，如上图中每一个圆圈都由一个path连接，需求就是让每一条path都从0自动的绘制响应的长度。

如果有这种需求就可以考虑使用Path + ShapeRenderer结合来实现。具体demo代码示例如下：

package com.ef.smallstar.matching_text_to_text;

import com.badlogic.gdx.ApplicationAdapter;
import com.badlogic.gdx.Gdx;
import com.badlogic.gdx.graphics.GL20;
import com.badlogic.gdx.graphics.glutils.ShapeRenderer;
import com.badlogic.gdx.math.Bezier;
import com.badlogic.gdx.math.Vector2;

import static android.opengl.GLES20.glClear;
import static android.opengl.GLES20.glClearColor;

/**
 * Created by Danny 姜 on 17/8/22.
 */

public class MyAdapter extends ApplicationAdapter {

    protected Bezier<Vector2> bezier;

    float t;

    float speed = 0.1f;

    final Vector2 tmpV = new Vector2();

    ShapeRenderer shapeRenderer;

    @Override
    public void create() {
        super.create();

        shapeRenderer = new ShapeRenderer();

        bezier = new Bezier<>(new Vector2(100, 100), new Vector2(500, 500));
    }

    @Override
    public void render() {
        super.render();

        glClearColor(0.7f, 0.7f, 0.7f, 1);
        glClear(GL20.GL_COLOR_BUFFER_BIT);


        if (tmpV.x <= Gdx.graphics.getWidth() || tmpV.y <= Gdx.graphics.getHeight()) {
            t += speed * Gdx.graphics.getDeltaTime();
            bezier.valueAt(tmpV, t);
        }

        Gdx.app.error("DANNY", "tmpV.x is " + tmpV.x + " tmpV.y is " + tmpV.y);

        shapeRenderer.begin(ShapeRenderer.ShapeType.Filled);

        shapeRenderer.rectLine(100, 100, tmpV.x, tmpV.y, 10);

        shapeRenderer.end();
    }
}