Cocos Creator之向量旋转角度计算绘制直线运动轨迹

最新推荐文章于 2024-07-04 08:47:40 发布
最新推荐文章于 2024-07-04 08:47:40 发布
阅读量2w 收藏 20
点赞数 3
分类专栏： Cocos Creator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fjdmy001/article/details/56837091
版权
本文介绍了在Cocos Creator中如何实现点击屏幕后，根据物体中心点到触摸点绘制直线作为移动轨迹。通过创建界面布局和编写脚本，详细讲解了物体如何沿着这条轨迹移动。
摘要由CSDN通过智能技术生成

最近了开发项目而忙碌着，写博客的时间变少了，我也希望在多余的时间来记录下开发中遇到的问题和技术难题。游戏还在开发中就不能展现出来了，所以为了记录方便我就把功能做成一个个的小demo。

需求：点击屏幕任意位置的时候，物体中心点开始到触摸点位置结束，绘制一条线条来表示行动轨迹，物体移动到触摸位置。

效果：


一、制作界面

层级管理器的节点结构


1.rootÿ

最低0.47元/天 解锁文章
f_jiang
关注
  • 3
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
cocos creator_计算反射向量
ashmoc的博客
12-05 749
cocos_计算反射向量
cocos2d中的旋转和直线移动（角度，弧度）
热门推荐
WQwq1985的专栏
12-14 1万+
一：前提：cocos里边以顺时针为正方向，所以所有的度数按以前的习惯求出来后都要求反 cocos只能处理-180~180的度数范围，所以求出来的度数始终是这个范围（cocos里用反正切来求度数可以保证度数在这个范围） 弧度定义是长度等于半径的弧所对应的角度值为1弧度。所以360度＝2pi    1弧度＝180/pi   度  制作需要旋转的精灵图片是总是让初始方向朝右，即和0度吻合，这样求旋
cocos精灵的创建和向量的旋转
weixin_41470654的博客
03-23 533
精灵的创建和向量的旋转
Cocos Creator 游戏性能优化指南
最新发布
qq_47012987的博客
07-04 3439
游戏开发中，流畅的游戏体验是玩家最关心的问题之一。一个卡顿的游戏会严重影响玩家的体验，甚至让玩家失去继续玩的兴趣。因此，优化游戏性能是每个游戏开发者必须掌握的技能。本文将详细介绍在使用Cocos Creator进行游戏开发时的一些性能优化技巧。
cocoscreater 旋转角度计算
翻肚鱼儿的博客
07-23 971
getVectorRadians( x1, y1, x2, y2) { let len_y = y2 - y1; let len_x = x2 - x1; let tan_yx = tan_yx = Math.abs(len_y)/Math.abs(len_x); let angle = 0; if(len_y > 0 && len_x < 0) {...
Cocos 角度 面向 旋转 看向 坐标变换工具
飞飞飞的博客
08-02 914
链接：https://pan.baidu.com/s/1EA0smuBD48rcTuMG5JALGA 提取码：d1pt
cocos和creator向量的一些整理
topfire7的专栏
09-23 6788
cocos里用   p = cc.pRotateByAngle(p, cc.p(0, 0), cc.degreesToRadians(step)) 根据一个中心点，旋转弧度，算出新向量 creator里可以直接使用  cc.p(x, y).rotate(弧度)来进行向量的旋转 通用的还是 cc.pRotateByAngle 方法
CocosCreator 子弹运动轨迹的绘制
马小宇的博客
10-20 8155
实现效果: 子弹在发射之前提前把轨迹绘制出来.类似愤怒小鸟子弹的运动轨迹. 实现步骤分3步: 1 子弹的发射; 2 子弹运动过程中角度的变化; 3 辅助线的绘制. 开发工具: CocosCreator, VsCode 场景介绍: 场景是自己随便搭的, 比较简陋. 1:代表子弹, 2:代表炮台. 6, 7 为子弹和辅助线的预制体. 5: Gunmgr挂载在Canva...
cocos creator 圆周运动封装 Demo
12-18
cocos creator 圆周运动封装 Demo, 封装可使用的cc.moveCircleBy,cc.moveCircleTo两种圆周动作,以及具体使用. 具体可参考 https://blog.csdn.net/qq_14965517/article/details/111352714
FairyGUI-cocoscreator:Cocos Creator 的灵活 UI 框架
07-24
FairyGUI-cocoscreator A flexible UI framework for Cocos Creator, working with the FREE professional Game UI Editor: FairyGUI Editor. Official website: 关于版本 master 适用于CocosCreator 2.4或更新的...
cocos creator 2.4推箱子源码
11-13
《Cocos Creator 2.4 推箱子游戏源码解析》 在游戏开发领域，Cocos Creator 是一款广受欢迎的2D游戏引擎，它提供了一套完整的开发工具链，支持跨平台发布，并且具备强大的可视化编辑功能。在这个“cocos creator ...
Cocoscreator 向量计算
alengan的专栏
05-08 4023
1. 起点A(0,0) 终点B(100,100)，特别注意 var angle = Math.atan2((this.B.y - this.A.y), (this.B.x - this.A.x)); angle如果是正，顺时针旋转，B点减去A点，一定是一个正值，所以顺时针旋转，但是在cocos中一般要的是逆时针旋转，所以前面需要添加一个负号来实现逆时针旋转 va...
CocosCreator编辑移动路径
dddd
07-16 2296
1、添加Animation,创建Clips 2、打开动画编辑器，选择带有Animatio的节点，打开编辑模式 3、选择要变换的属性，在时间轴上氪大概关键帧，关键帧之间会自动过渡。 4、添加某某点（贝塞尔点），将直线搞弯。 动作类型选择循环播放 最终效果 ...
2 旋转任意角度_动点轨迹2（动点轨迹的反向探究）
weixin_39554775的博客
01-15 568
用 “手拉手”模型来探究动点运动的轨迹问题！如图：已知共顶点的等边△ABC和△ADE，△ADE绕点A顺时针旋转任意角度，连接BD、CE可以得到△ABD≌△ACE，即旋转带来的全等问题。因为△ADE绕点A旋转，所以本题可以看成是双动点问题，为便于表述我们把点D作为主动点，点E为从动点。问：当△ADE绕点A旋转1周时，动点E的轨迹是什么呢？分析：因为动点E始终绕定点A旋转所得，根据“定点+定长=圆”可...
cocos2d学习笔记第三章 让精灵按指定的路径来运动
mmdev
09-21 523
1. 因为要自己写一个塔防的游戏，因此在之前我们创建的关卡1场景文件checkpoints_layer1.m中， 做一下地图的初始化，也就是我们要让精灵行走的路径预先定义下来。 -(void)initWayPoint { m_WayPoint = [[NSMutableArray alloc] initWithCapacity:500]; CGPoint point; po...
使用CCCardinalSplineBy自定义路径
taobao755624068的专栏
03-18 3803
研究了一下自带例子中,有一项是根据点组成曲线或直线来移动精灵..觉得蛮有用处的,所以尝试并整理了一下,和大家分享一下 1. 首先创建好了工程后修改.h文件,重载了draw函数..用于画路径.这是一个虚函数,虽然没有加virtual关键字，C++默认是可以省略的.. [cpp] view plaincopy
Cocos Creator方向与角度转换
local_752的专栏
11-19 9243
1、让一个对象朝着他的方向移动 cc.Node节点的rotation是一个角度，因此，我们为了实现这个目标，首先要根据rotation求出他的dir方向，就好办了。示例代码: update(dt){ //由于Math函数接受的是孤度，所以我们先节节点的旋转转化为弧度 var angle = this.node.rotation / 180 * Math.PI; //合成基于 X正方向的方向向量 var dir = cc.v2(Math.co...
Cocos Creator入门教程之物体朝向及运动的知识
qq_41967240的博客
10-25 4285
一、方向与角度转换涉及的知识 1.Math.sin（）函数返回一个值的正弦值，返回值的范围在（-1,1）。 //X表示一个以弧度为单位的数值 Math.sin(X) 2.Math.cos（）函数返回一个值的余弦值。 //X表示一个以弧度为单位的数值 Math.cos(X) 3. 弧度与角度的转换：弧度=2*角度/360*PI //旋转角度转化为弧度 let a...
cocoscreator固定旋转_cocoscreator全平台横竖屏切换
06-07
关于cocoscreator固定旋转的问题，可以通过设置Canvas节点的Rotation来实现。具体操作步骤如下： 1. 选中Canvas节点，进入Inspector面板，找到Transform组件下的Rotation属性； 2. 将Rotation属性设置为需要的角度...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值