在三维界面中如何设置箭头沿某一特定方向移动与消失。
箭头移动实现步骤
1、第一步创建箭头所需代码:/** *该方法用来添加三维箭头 *@param[optio艘绒庳焰ns]{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使得箭头沿某一方向移动图片为所需代码,完整代码可进入小红砖开放平台查看