3d-force-graph笔记 27 Nov 2022 3d-force-graph笔记(13):一些重要链接 3d-force-graph的问题讨论主要在GitHub issues区,随手记录下学习过程中遇到的重要链接。 阅读原文
3d-force-graph笔记 26 Nov 2022 3d-force-graph笔记(12):点击节点聚焦 应用内置方法cameraPosition,并将相机瞄准目标节点。实际应用中可能不需要相机瞄准,不然总会有一个节点在画布中心,第二个参数传空值即可。 阅读原文
3d-force-graph笔记 25 Nov 2022 3d-force-graph笔记(11):three-spritetext文字被裁切 经测试主要是汉字被裁剪,可能是计算汉字行高时有细微问题,不排除时开源库的bug,待议。暂时解决方法就是手动添加个内边距。 阅读原文
3d-force-graph笔记 23 Oct 2022 3d-force-graph笔记(9):节点间多条关系线 linkCurvature(曲率)- 分离各个关系线 linkCurveRotation(旋转度)- 将分离在二维上的关系线,转到三维空间 阅读原文
3d-force-graph笔记 3 May 2021 3d-force-graph笔记(8):透明背景 透明背景用rgba形式: .backgroundColor('rgba(0,0,0,0)') 如此,可间接给图层添加背景图。 // html <div class="wrap"> <div id="3d-graph"> … 阅读原文
3d-force-graph笔记 1 May 2021 3d-force-graph笔记(7):曲线、文本位置 当两个节点之间有多条关系时,通常采用曲线连接,避免重叠。 使用曲线: const gData = { nodes: .map(i => ({ id: i })), links: }; const Graph = ForceGraph3D() (document.getElementById(&… 阅读原文
3d-force-graph笔记 13 Apr 2021 3d-force-graph笔记(6):文本 3d-force-graph文本可以使用2D文本或精灵文本SpriteText,后者有3D透视效果,近大远小,性能会有折扣。 3D字体需要下载字体文件,各项开销较大,按需使用。 举例关系线对象用2D文本表达: .linkThreeObjectExtend(true) .linkThreeObject… 阅读原文
3d-force-graph笔记 11 Apr 2021 3d-force-graph笔记(5):动态批量修改Object3D透明度 ThreeJS Object3D透明度归于材质属性opacity,以THREE.Group为例: // 透明度 function setOpacity(obj, opacity) { obj.traverse(child => { // 自定义筛选逻辑 // if (child instanc… 阅读原文