CocosCreator之节点如何做圆周运动

因为项目里有这个需求，所以之前的想法是用贝塞尔分四段来拼成圆周运动，但是这样的话，不好随着需求控制节点位置，所以放弃了这个方法，下面讲述一种简单直白的做法：

主要思路：将需要圆周运动的节点的锚点修改，之后正常修改angle属性就好。

第一步：放个圆

第二步：给圆边上放个紧贴它的节点

修改小圆的锚点，这个计算过程就不赘述了（其实就是将大圆小圆的圆心距离转换成小圆的锚点）

第三步：添加控制按钮

第四步：上代码

 private angle_num: number = 90;  //角度private dv: number = 0; //每次的增量private isRun: boolean = true; //是否旋转private rotate_sense: boolean = false; //转动方向 true顺时针、false逆时针private rotate_speed: number = 0; //转动目标速度//小圆节点@property(cc.Node)icon_btn_add: cc.Node = null;//运动方法action() {if (this.angle_num < 360) {if (!this.isRun) {if (this.dv > this.rotate_speed) {this.dv -= 0.1;}} else {if (!this.rotate_sense) {if (this.dv < this.rotate_speed) {this.dv += 0.1;}} else {if (this.dv > this.rotate_speed) {this.dv -= 0.1;}}}this.angle_num += this.dv;} else {this.angle_num = 0;}this.icon_btn_add.angle = this.angle_num;}//点击了转动按钮onClickAdd(event, customEventData) {if(customEventData == "Zheng"){this.rotate_sense = true;this.rotate_speed = -2;} else if(customEventData == "Fan") {this.rotate_sense = false;this.rotate_speed = 2;}this.isRun = true;this.unschedule(this.action);this.schedule(this.action, 0.01);};//点击了停止按钮onClickSub() {console.log("停止转动", this.angle_num);this.isRun = false;this.rotate_speed = 0;this.unschedule(this.action);this.schedule(this.action, 0.01, 20);};

第五步：节点和点击事件的绑定

第六步：展示效果

第七步：没有了。就酱

CocosCreator之节点如何做圆周运动相关推荐

ROS小车应用：控制机器人做圆周运动
一.首先创建一个功能包跳转到src目录下 catkin_create_pkg 功能包名字进入目录,创建一个script目录(主要使用py来写) 然后创建一个py文件,取名draw_circle.p ...
6自由度优傲（ur）机械臂做圆周运动
实验中需要控制机9械臂做圆周运动,末端机械臂万向,理论上可以实现,但是在输入900度时,默认变成旋转180度,经过一段时间咨询,探索,最终解决这个问题,这里把过程分享出来,希望对有相同或相似需要的人有 ...
ros小车控制学习-------控制真实机器人做圆周运动
ros课程的期末作业是控制真实机器人做运动,自行设计小车运动轨迹为特定图案.接下来描述一下控制真实机器人做圆周运动的简单步骤以及可能遇到的问题和我的解决办法. 个人建议是使用软件Bitvise SSH ...
vpython 做圆周运动_《每周一点canvas动画》——圆周运动
接<每周一点canvas动画>--波形运动圆周运动可以分为两种基本的形式:正圆运动和椭圆运动. 在讲解圆周运动之前,必不可少的数学公式即将袭来.so,各位骚年们,请护好自己的膝盖.听不懂 ...
CocosCreator学习1：做一个简单的游戏
把计步器写好了,到了写游戏场景.控件什么的时候,傻眼了.想做一个简单的地图,可以在地图上点击选择城市,发现用Cocos2D-X代码码出来好麻烦,尤其是城市位置问题,需要调试去找对像素区域做一个按钮控制 ...
【ROS实操1编码实现乌龟运动控制，让小乌龟做圆周运动。】
实现分析: 1.乌龟运动控制实现,关键节点有两个,一个是乌龟运动显示节点turtlesim_node,另一个是控制节点,二者是订阅发布模式实现通信的,乌龟运动显示节点直接调用即可,运动控制节点之前是使 ...
UNITY 围绕一个物体做圆周运动
有一道题:一个物体围绕原点(0,0)做匀速圆周运动.t1时物体位置为(x1,y1),已知物体的角速度为 w,围绕半径为 r.求经过时间t后,物体在圆周上位置(x,y). 求得: - x = r * s ...
CocosCreator之节点基本属性
>>>>> 笔者总结了工作中常用的节点属性如果你是新人,请尽可能多的记住他们,因为经常会用到. // 从全局获取节点:全局获取的节点直接就是实例,不需要getChild ...
CocosCreator之节点悬浮效果组件
莫找借口失败,只找理由成功. 效果描述:就是一个节点在哪儿飘啊飘的.动画组件也能实现. 组件:FloatMove.ts const { ccclass, property, executeInEdit ...

CocosCreator之节点如何做圆周运动

主要思路：将需要圆周运动的节点的锚点修改，之后正常修改angle属性就好。

CocosCreator之节点如何做圆周运动相关推荐

最新文章

热门文章