Android开发：在三维物体上绘制路径的技术实现问询

Hey there! 我之前也在LibGDX里做过类似的Android 3D应用，针对你提到的展示建筑截面和绘制路径线条的需求，分享几个实用的方案，帮你避开资源少的坑：

一、3D简易建筑截面展示 #

1. 快速构建模型 #

如果不想用外部建模工具，直接用LibGDX的ModelBuilder手动拼出简易截面（比如用长方体、平面组合），代码示例：

// 初始化阶段创建建筑截面模型
ModelBuilder modelBuilder = new ModelBuilder();
// 建一个薄长方体模拟建筑截面，参数：宽、高、厚，材质，顶点属性
Model sectionModel = modelBuilder.createBox(6f, 4f, 0.3f, 
    new Material(ColorAttribute.createDiffuse(Color.LIGHT_GRAY)),
    VertexAttributes.Usage.Position | VertexAttributes.Usage.Normal);
ModelInstance sectionInstance = new ModelInstance(sectionModel);
// 调整模型位置，让它在相机视野中心
sectionInstance.transform.translate(0, 0, -5f);

2. 基础3D渲染配置 #

在你的ApplicationAdapter子类里配置相机和渲染循环，确保模型能正常显示：

private PerspectiveCamera camera;
private ModelBatch modelBatch;

@Override
public void create() {
    // 初始化相机，视角60度，宽高比，近裁剪面，远裁剪面
    camera = new PerspectiveCamera(60, Gdx.graphics.getWidth(), Gdx.graphics.getHeight());
    camera.position.set(0, 2, 0);
    camera.lookAt(0, 0, -5);
    camera.near = 0.1f;
    camera.far = 100f;
    
    modelBatch = new ModelBatch();
}

@Override
public void render(float delta) {
    // 清空屏幕和深度缓冲
    Gdx.gl.glClearColor(0.2f, 0.2f, 0.2f, 1);
    Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT | GL20.GL_DEPTH_BUFFER_BIT);
    
    // 更新相机（如果有触摸旋转/缩放逻辑，这里处理）
    camera.update();
    
    // 渲染3D模型
    modelBatch.begin(camera);
    modelBatch.render(sectionInstance);
    modelBatch.end();
}

二、在3D物体上绘制路径线条 #

LibGDX原生3D模块没有直接的线条绘制API，这里提供两种可行的方法：

方法1：使用LineBatch扩展（简单高效） #

LineBatch是LibGDX的一个轻量扩展，专门用来绘制3D线条，不用自己写复杂的Shader：

private LineBatch lineBatch;
private Vector3[] pathPoints; // 存储路径关键点

@Override
public void create() {
    // 初始化LineBatch
    lineBatch = new LineBatch();
    
    // 定义走廊路径的3D坐标（要和建筑截面的坐标对齐）
    pathPoints = new Vector3[]{
        new Vector3(-2.5f, 0, -5f),
        new Vector3(-1f, 0, -6f),
        new Vector3(1f, 0, -6f),
        new Vector3(2.5f, 0, -5f)
    };
}

@Override
public void render(float delta) {
    // 先渲染3D建筑模型
    modelBatch.begin(camera);
    modelBatch.render(sectionInstance);
    modelBatch.end();
    
    // 再渲染路径线条
    lineBatch.begin(camera);
    lineBatch.setColor(Color.RED); // 设置线条颜色
    // 遍历关键点绘制连续线条
    for (int i = 0; i < pathPoints.length - 1; i++) {
        lineBatch.line(pathPoints[i], pathPoints[i+1]);
    }
    lineBatch.end();
}

方法2：自定义Mesh+Shader（无依赖） #

如果不想引入扩展库，可以手动创建Mesh来绘制线条，需要写简单的Shader：

步骤1：创建线条Mesh

private Mesh lineMesh;
private ShaderProgram lineShader;

@Override
public void create() {
    // 准备路径顶点数据（每个点3个坐标：x,y,z）
    float[] vertices = new float[pathPoints.length * 3];
    for (int i = 0; i < pathPoints.length; i++) {
        vertices[i*3] = pathPoints[i].x;
        vertices[i*3+1] = pathPoints[i].y;
        vertices[i*3+2] = pathPoints[i].z;
    }
    
    // 创建Mesh，参数：是否静态，顶点数，索引数，顶点属性
    lineMesh = new Mesh(true, pathPoints.length, 0,
        new VertexAttribute(VertexAttributes.Usage.Position, 3, "a_position"));
    lineMesh.setVertices(vertices);
    
    // 加载简单的线条Shader
    String vertexShader = "#version 100\n" +
        "attribute vec3 a_position;\n" +
        "uniform mat4 u_projTrans;\n" +
        "void main() {\n" +
        "    gl_Position = u_projTrans * vec4(a_position, 1.0);\n" +
        "}";
    String fragmentShader = "#version 100\n" +
        "uniform vec4 u_color;\n" +
        "void main() {\n" +
        "    gl_FragColor = u_color;\n" +
        "}";
    lineShader = new ShaderProgram(vertexShader, fragmentShader);
}

步骤2：渲染线条

@Override
public void render(float delta) {
    // 渲染3D模型...
    
    // 渲染路径线条
    lineShader.begin();
    lineShader.setUniformMatrix("u_projTrans", camera.combined);
    lineShader.setUniformf("u_color", Color.RED);
    // 用GL_LINE_STRIP模式绘制连续线条
    lineMesh.render(lineShader, GL20.GL_LINE_STRIP);
    lineShader.end();
}

几个关键提示 #

• 坐标对齐：路径点的坐标必须和3D物体在同一个世界空间里，不然线条会错位或飘在物体外面
• 触摸绘制路径：如果需要用户手动画路径，可以用camera.unproject()把屏幕触摸坐标转换成3D世界坐标，添加到路径点数组中
• 性能优化：如果路径点很多，尽量合并成一个Mesh渲染，避免多次调用渲染接口

内容的提问来源于stack exchange，提问作者J. Cash