如何创建节点连线呢 如图

Creator 2.x
#1

snipaste_20200908_173450.png1012×689 165 KB

#2

连接其他节点，并显示对应关系，类似JTopo.js里面添加连线，如 jtopo.js
连线操作

// 内容来自JTopo.js入门教程 http://www.jtopo.com/introduction-in-5-minutes.html
 var stage = new JTopo.Stage(canvas);
            var scene = new JTopo.Scene(stage);
            
            var nodeFrom = new JTopo.Node("from");
            nodeFrom.setLocation(200,200);
            scene.add(nodeFrom);
            
            var nodeTo = new JTopo.Node("To");
            nodeTo.setLocation(300,200);
            scene.add(nodeTo);
            
            var link = new JTopo.Link(nodeFrom, nodeTo); // 增加连线
            scene.add(link);
#3

@panda

#4

@jare

#5

可以参考下 Graphics 组件

#6

适配一个和背景大小一样的节点 添加 Graphics 组件 遮住就好了

#7

试过了，发现层级太低了，无法覆盖在节点上

#8

直接用节点拉长不好吗？一根线一个节点，Graphics太麻烦了。

#9

很简单 我做过一圈字母连单词的游戏，一天就写完了，就点击实例化长度为1的线，然后移动的时候更新线的长度，角度，判断位置，实例化两点的直线 就ok了

#10

哈哈，我现在就是用这方法:joy:好像还挺管用

#11

好像很牛逼的样子:grin:，不过我是直接用节点来做连接线

#12

请问如果找到对应的字母后，如何从第二个字母出发连接下一个字母呢？我是在每个字母节点上注册了事件，但是我现在只能实现在点击的第一个字母上面生成任意长度和角度的直线，但是当移动到第二个字母后，就不知道如何在第二个字母节点生成直线了。理想状态是选中第一个字母后，在移动过程中，生成直线

image
image1281×661 58.9 KB