三维模型中的箭头消失与移动实现方法

1、第一步创建箭头

所需代码：

/*** 该方法用来添加三维箭头* @param [options] {object} 参数* @param [options.color]{16进制颜色}  箭头的颜色 例如0xff0000* @param [options.depthTest]{boolen}  是否关闭箭头的深度测试* @param [options.id]{String}  箭头的key，默认为随机* @param [options.flowDerection]{String}  标签的朝向， "x+", "x-", "y+", "y-", "z+", "z-", 默认为"y+"* @param [options.addToScene]{boolen} 是否添加到场景，默认为true* @return: arrow { Three的Object3D }*/arrow = createArrow({    flowDerection: "y+",    scale: 0.1,    id: "arrow1",});

2、第二步移动箭头

图片为所需代码，完整代码可进入小红砖开放平台查看

1、第一步 创建箭头

所需代码：

/*** 该方法用来添加三维箭头* @param [options] {object} 参数* @param [options.color]{16进制颜色}  箭头的颜色 例如0xff0000* @param [options.depthTest]{boolen}  是否关闭箭头的深度测试* @param [options.id]{String}  箭头的key，默认为随机* @param [options.flowDerection]{String}  标签的朝向， "x+", "x-", "y+", "y-", "z+", "z-", 默认为"y+"* @param [options.addToScene]{boolen} 是否添加到场景，默认为true* @return: arrow { Three的Object3D }*/arrow = createArrow({  flowDerection: "y+",  scale: 0.1,  id: "arrow1",});

2、第二步 箭头消失

调用 tweenjs 使得箭头沿某一方向移动

图片为所需代码，完整代码可进入小红砖开放平台查看