三维拓扑元素介绍之TNode

本文详细介绍了三维拓扑图的主要元素之一——TNode,包括其构造方式:通过图片、基本形状(如立方体、球体、圆柱体、平面)、obj模型和gltf模型。TNode作为拓扑图中的节点对象,可以通过多种方式展示丰富的视觉效果。文章还提到了TNode的名称设置及其显示,并提供了示例代码以帮助理解各种构造方法。
摘要由CSDN通过智能技术生成

上一篇介绍了了三维topo的基本概念。 本篇继续介绍三维拓扑的相关元素,三维拓扑的主要元素包括:

  • TNode 节点元素
  • TLink 连线元素
  • TGroup 分组元素
  • TSubnet 子网元素

本文主要介绍TNode的使用说明。

TNode

TNode表示拓扑图中一个节点对象。最终表现是一个三维对象。TNode的构造如下:

let node = new eg.TNode(params);
node.setName(name);

其中params传递的是构造一个TNode所需要的参数。其中,可以通过图片,基本形状,obj模型或者gltf模型来构造。
而name表示TNode的名称,名称会在节点顶部用冒泡的方式进行显示。

使用图片构造TNode

使用一张图片构造TNode,其中的表现是一个Sprite对象。如下代码所示:

let imageNode2 = new eg.TNode({
     image: "./images/access.png",
     width:130,
     height:80,
 });
imageNode2.setName("imageNode2");

其中width和height为可选参数,当不指定width或者height的时候,默认使用图片本身的width和height。最终显示效果如下图所示:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mKVV0s4n-1651931480313)(https://p6-juejin.byteimg.com/tos-cn-i-

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值