cocos和creator向量的一些整理

最近了开发项目而忙碌着，写博客的时间变少了，我也希望在多余的时间来记录下开发中遇到的问题和技术难题。游戏还在开发中就不能展现出来了，所以为了记录方便我就把功能做成一个个的小demo。 需求：点击屏幕任意位置的时候，物体中心点开始到触摸点位置结束，绘制一条线条来表示行动轨迹，物体移动到触摸位置。 效果： 一、制作界面 层级管理器的节点结构 1.root，根节点 2.t

01 效果演示 Cocos Creator 版本：3.4.1 该 demo 演示了行星自转（绕任意轴旋转）、行星公转（绕任意点旋转）、镜头拉近/复位（平滑旋转）、行星环（自定义环形体）、行星轴（自定义胶囊体） 02 实现方法 1自定义环形体/胶囊体 编辑器提供的环形体和胶囊体，只能整体缩放，就会显得有些笨重 而 demo 中使用的环形体和胶囊体，均需要自定义参数才能实现理想的效果 环形体：环面半径及管形大小 胶囊体：顶部和底部的半径及高度 cocos..

精灵的创建和向量的旋转

Cocos Creator 是一款面向游戏开发者的跨平台游戏开发工具，它基于 JavaScript 和 TypeScript，并提供了丰富的游戏开发功能和工具。在游戏开发过程中，节点的位置、旋转和缩放是非常重要的操作，它们直接影响到游戏对象在游戏场景中的表现和交互。本文将详细介绍如何在 Cocos Creator 中操作节点的位置、旋转和缩放，并给出相应的代码实现。对惹，这里有一个游戏开发交流小组，大家可以点击进来一起交流一下开发经验呀！一、节点的位置。

cocos creator开发学习路线

【代码】Cocos笔记。

想要快速掌握Cocos Creator游戏开发技巧吗？CocosCreatorTutorial是一个专为初学者设计的Cocos Creator基础教程demo集合，通过实际项目案例帮助你从零开始学习游戏开发。这个资源库包含了多个实用的Cocos Creator示例项目，涵盖了从基础到进阶的各种游戏开发技术，是新手入门的绝佳选择。 ## 🎮 CocosCreatorTutorial是什么？ C

这个是作者这里整理C资料得出，会持续更新，目前3.5W+,欢迎大家来评论修改 目的是面试工作和个人的创造的。

1、让一个对象朝着他的方向移动 cc.Node节点的rotation是一个角度，因此，我们为了实现这个目标，首先要根据rotation求出他的dir方向，就好办了。示例代码: update(dt){ //由于Math函数接受的是孤度，所以我们先节节点的旋转转化为弧度 var angle = this.node.rotation / 180 * Math.PI; //合成基于 X正方向的方向向量 var dir = cc.v2(Math.co...

需求: 已知两坐标点, 求角度并旋转. 如下图所示, 简单介绍下, start1为起始点, start2为目标点, point为要旋转的对象. 下面代码中的temp字段为 start1与 start2两点组成的向量与水平向量的形成的夹角. 旋转方向默认按顺时针为正,逆时针为负. const {ccclass, property} = cc._decorator; @cccl...

已知向量求角度 vectorsToDegress: function (dirVec) { let comVec = cc.v2(0, 1); // 水平向右的对比向量 let radian = dirVec.signAngle(vec); // 求方向向量与对比向量间的弧度 let degree = cc.misc.radiansToDegrees(r...

/ 邻边 / 斜边。// 对边 / 斜边。// 对边 / 邻边。// 算出cos,sin和tan。// π / 180 * 角度。// 180 / π * 弧度。// 将传入的角度转为弧度。// 计算出目标角度的弧度。// 结合在一起并归一化。// 将传入的向量归一化。// 把弧度计算成角度。// 角度转弧度公式。// 弧度转角度公式。

例子1： //用定时器生成一圈线 var dn = new cc.DrawNode(); this.addChild(dn); var a = cc.p(cc.winSize.width>>1,cc.winSize.height>>1); //获取到地图中心点 var b = cc.pAdd(a,cc.p(200,0)); //获取中心点X轴偏移20

最终目标 文末有源码 数学概念 下面要引入两个数学概念，一个是正弦余弦和真切，一个是角度制和弧度制 正弦 余弦 正切 如图，在Rt△ABC中，∠C = 90°，斜边为c，长的直角边为b，短的直角边为a。 正弦 我们把∠A的对边与斜边的比叫做∠A的正弦（sine），记作sinA，即 sinA = ∠A的对边 / ∠A的斜边 = a / c 余弦 我们把∠A的邻边与斜边的比叫做∠A的余弦（cosine），记作cosA，即 cosA = ∠A的邻边 / ∠A的斜边 = b / c 正切 我们把∠A的对边与邻边

转载 待到重阳日，还来就菊花 虽然麒麟子公司已经放五一了，但还是打算坚持写作。 把团队开发中经常讨论的问题一网打尽。既方便大家，也方便公司内部项目使用。 PS：有没有觉得麒麟子写这篇文章的时候很严肃，我也不知道为什么。 可能这篇文章和数学有关，我实在找不到笑点。 本系列完整的文章列表 《麒麟子Cocos Creator实用技巧》73 麒麟子做了一个Demo给大家，向大家演示了方向转角度，角度转方...

个人感觉官方的教程以及API文档不够详细，用法几乎是一带而过，本人吸收得也是囫囵吞枣，怎么用都不尽人意，最后总归是弄懂了一个看起来比较简单的绕Z轴旋转的。a-radius of rotation（旋转半径）这个不是这个圆的半径，而是所需要旋转的。o-center of rotation（旋转中心）指的是。v-rotation vector（旋转矢量）用于表示。out 用于接收该方法的返回值;

，但是我们现在的情况是坐标点不变而坐标系旋转，但是也不难，点旋转了x角度就相当于坐标系旋转了-x度，反之亦然，所以只需要把上面博客公式中的x换为-x就可以了，sin(-x)=-sin(x),cos(-x)=cos(x)。但是这是在车头面向正前方的情况，当车头有一定旋转角度时，就相当于坐标轴旋转了一定角度，所以在汽车节点angle不为0的时候，相对坐标还要加一层坐标轴旋转后的计算。判断向左还是向右是判断相对位置的x值，同理，判断向前还是向后只需要判断相对位置的y值就可以了。屏幕上面是我点击右前方的输出。

//selfNode 以selfNode未（0,0）坐标cc.v2(x,y) 未另外一个需要计较的坐标 cc.v2(selfNode.x, selfNode.y).sub(cc.v2(x,y)).normalize();

效果演示本次渡鸦要带大家在 Cocos Creator 3.4.1 中实现行星自转（绕任意轴旋转）、行星公转（绕任意点旋转）、镜头拉近/复位（平滑旋转）、行星环（自定义环形体）、行星轴（自定义胶囊体）等效果。Demo 下载见文末。自定义环形体/胶囊体编辑器提供的环形体和胶囊体，只能整体缩放，就会显得有些笨重。而 demo 中使用的环形体和胶囊体，均需要自定义参数才能实现理想的效果：环形体：环面半径...