Three.js 三维力图节点和精灵文本

Three.js 三维力图节点和精灵文本,three.js,Three.js,我正在使用并创建一些默认节点(球体)和一些精灵文本节点。(默认球体节点返回false) 我想知道如何在文本节点后面添加一个球体节点。没有它他们看起来有点不舒服 只需将nodeThreeObjectExtend设置为true: <ForceGraph3D graphData={graphData} nodeThreeObjectExtend={true} nodeThreeObject={node => { if (node.id % 6 ==

我正在使用并创建一些默认节点(球体)和一些精灵文本节点。(默认球体节点返回false)

我想知道如何在文本节点后面添加一个球体节点。没有它他们看起来有点不舒服


只需将
nodeThreeObjectExtend
设置为
true

<ForceGraph3D
    graphData={graphData}
    nodeThreeObjectExtend={true}
    nodeThreeObject={node => {
        if (node.id % 6 == 0){
            const sprite = new SpriteText(buzzwords[node.id % buzzwords.length]);
            sprite.color = "#8898aa";
            sprite.textHeight = 12;
            return sprite;
        } else {
            return false
        }
    }}
{
如果(node.id%6==0){
常量sprite=新SpriteText(buzzwords[node.id%buzzwords.length]);
sprite.color=“#8898aa”;
sprite.textHeight=12;
返回精灵;
}否则{
返回错误
}
}}
<ForceGraph3D
    graphData={graphData}
    nodeThreeObjectExtend={true}
    nodeThreeObject={node => {
        if (node.id % 6 == 0){
            const sprite = new SpriteText(buzzwords[node.id % buzzwords.length]);
            sprite.color = "#8898aa";
            sprite.textHeight = 12;
            return sprite;
        } else {
            return false
        }
    }}