3d-force-graph笔记 8 Apr 2021 3d-force-graph笔记(4):canvas纹理材质 3d-force-graph使用ThreeJS / WebGL进行3D渲染,THREEJS可以用canvas texture创建材质,canvas中自定义图形、文字等,十分便捷。 /** 创建自定义canvas */ function createTexture() { var canvas = d… 阅读原文
3d-force-graph笔记 8 Apr 2021 3d-force-graph笔记(3):渐变关系线 linkThreeObject用于生成自定义3d对象以呈现为图形链接。返回值是一个ThreeJS Object3d的实例。如果返回false,则该链接将使用默认的3d对象类型。 .linkThreeObject(link => { const colors = new Float32Array… 阅读原文
3d-force-graph笔记 6 Apr 2021 3d-force-graph笔记(2):快速入门 通过编写一个简单实例,快速上手。 安装 $ npm install 3d-force-graph 或 $ yarn add 3d-force-graph 导入 三种方式任选一。 import ForceGraph3D from '3d-force-graph'; var ForceG… 阅读原文
3d-force-graph笔记 6 Apr 2021 3d-force-graph笔记(1):简介 3d-force-graph是一个使用力导向迭代布局在三维空间中表示图形数据结构的web组件。应用ThreeJS/WebGL进行3D渲染,使用d3-force-3d或ngraph作为底层物理引擎。 3d-force-graph是force-graph家族成员之一,相关GitHub库: force-g… 阅读原文