是否可以在 HTML 中的 3D gltf x 模型上使用线框？

Question

我正在努力实现这一目标： https://threejs.org/examples/?q=wireframe#webgl_materials_wireframe

按照本教程进行操作： https://keithclark.co.uk/articles/3d-models-in-html-documents/

我已经实现了模型，为它制作了 materials 和纹理，但到目前为止我已经实现了这样的事情：https://tomb.pl/projects/laptop/

但是这个线框（在我的例子中）只是纹理我想得到一个真实的线框作为渲染模型 materials。这样可能吗？还是我应该改变方向？（我想坚持 x-model 的可能性，因为它将是未来实现模型的好方法）。

我已经在 glTF 文件中找到了 material 代码

{
        "alphaMode": "OPAQUE",
        "doubleSided": true,
        
        "emissiveFactor": [
            0.0,
            0.0,
            0.0
        ],
        "extensions": {
            "KHR_materials_unlit": {}
        },
        "name": "lines",
        
        "pbrMetallicRoughness": {
            "baseColorTexture": {
                "extensions": {
                    "KHR_texture_transform": {
                        "scale": [
                            -1.0,
                            -1.0
                        ]
                    }
                },
                "index": 0
            }
        }
    }

这是我的主要 material 但是否可以通过此代码更改它？感谢每一个答案。

Answer 1

好吧...如果没有人知道我已经切换到 xeogl - 更好更快的结果。我也相信更好的表现。这是最终结果： https://tomb.pl/projects/examples/effects_ghost_materials.html

是否可以在 HTML 中的 3D gltf x 模型上使用线框？

Is it possible to use Wireframe on a 3D gltf x-model in HTML?

html

3d

model

three.js

gltf