cocos和creator向量的一些整理

最新推荐文章于 2024-06-08 08:24:25 发布
原创 最新推荐文章于 2024-06-08 08:24:25 发布 · 6.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了在Cocos和Creator游戏引擎中实现向量旋转的不同方法。通过使用cc.pRotateByAngle和cc.p(x,y).rotate()，文章详细解释了如何根据指定的中心点和旋转角度来计算新的向量坐标。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

cocos里用  

p = cc.pRotateByAngle(p, cc.p(0, 0), cc.degreesToRadians(step))
根据一个中心点，旋转弧度，算出新向量


creator里可以直接使用  cc.p(x, y).rotate(弧度)来进行向量的旋转





通用的还是  
cc.pRotateByAngle  方法




                

        

    

    
  



    



                



	

		

			

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

				
			

			

				

					小飞飞的博客
				

				

					02-25
					
					2万+
					
				

			

		

		

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


一、制作界面
层级管理器的节点结构


1.root，根节点

2.t

			
		

	



                

            
              



	

		

			

				
					
cocos creator 向量和空间坐标

				
			

			

				

					烟雨星空的博客
				

				

					05-26
					
					3260
					
				

			

		

		

			
				
w

			
		

	



              


  
              

                


	

		

			

				
					
cocos精灵的创建和向量的旋转

				
			

			

				

					weixin_41470654的博客
				

				

					03-23
					
					582
					
				

			

		

		

			
				
精灵的创建和向量的旋转




			
		

	





	

		

			

				
					
Cocos Creator 节点的位置旋转与缩放详解

				
			

			

				

					Thomas_YXQ的博客
				

				

					04-18
					
					1227
					
				

			

		

		

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

			
		

	



		

			
		



	

		

			

				
					
cocos  角度转弧度 转角度 转向量 函数

				
			

			

				

					qq_30121869的博客
				

				

					02-01
					
					1036
					
				

			

		

		

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

			
		

	





	

		

			

				
					
Cocos 角度 面向 旋转 看向 坐标变换工具

				
			

			

				

					飞飞飞的博客
				

				

					08-02
					
					985
					
				

			

		

		

			
				
链接：https://pan.baidu.com/s/1EA0smuBD48rcTuMG5JALGA
提取码：d1pt


			
		

	





	

		

			

				
					
CocosCreator 正多边形遮罩Shader

				
			

			

				

					01-22
				

			

		

		

			
				
在CocosCreator 2.4.7中，正多边形遮罩Shader是一种技术，用于将精灵（Sprite）渲染成正多边形形状，从而实现更高效和灵活的图形裁剪效果。相比于传统的mask裁剪，它能降低DrawCall，提高游戏性能。DrawCall是图形...

			
		

	





	

		

			

				
					
cocos入门7：向量点乘的应用举例

				
			

			

				

					软考鸭
				

				

					06-08
					
					1133
					
				

			

		

		

			
				
在Cocos Creator中，我们可以使用JavaScript或TypeScript来编写代码，实现向量点乘的计算，并应用于角色移动、动画控制等场景中。

			
		

	





	

		

			

				
					
cocos creator 如何获取单位向量

				
			

			

				

					weixin_39553363的博客
				

				

					01-09
					
					1206
					
				

			

		

		

			
				
使用归一化函数normalize就可以获取到当前单位向量
 this.dir=cc.v2(this.joy.position.normalize());

用处：控制目标跟随
    let dis=this.dir.mul(this.speed*dt);      //移动的距离
    let newPos=cc.v3(this.moveNode.position.add(cc.v3(dis)));   //当前距离加上移动距离
    this.moveNode.position=newPos;




			
		

	





	

		

			

				
					
cocos creator_计算反射向量

				
			

			

				

					ashmoc的博客
				

				

					12-05
					
					926
					
				

			

		

		

			
				
cocos_计算反射向量

			
		

	





	

		

			

				
					
[Cocos Creator] 已知向量求角度以及已知角度求向量

					
热门推荐

				
			

			

				

					菜鸟小栈
				

				

					11-02
					
					1万+
					
				

			

		

		

			
				
已知向量求角度




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

			
		

	





	

		

			

				
					
Cocoscreator 向量计算

				
			

			

				

					alengan的专栏
				

				

					05-08
					
					4387
					
				

			

		

		

			
				
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...

			
		

	





	

		

			

				
					
cocos creator入门教程（五）—— cc.Node坐标空间

				
			

			

				

					标题
				

				

					08-27
					
					1728
					
				

			

		

		

			
				
cc.Vec2

cc.Vec2 二维向量坐标, 表结构{x: 120, y: 120};  cc.v2(x, y) 创建一个二维向量 cc.p() 创建一个二外向量
	cc.pSub: 向量相减
	cc.pAdd: 向量相加;
	cc.pLength: 向量长度;

       //坐标位置3种方法--1
        var w_pos = new cc.Vec2(100,100)...

			
		

	





	

		

			

				
					
CocosCreator 旋转角度问题1

				
			

			

				

					马小宇的博客
				

				

					03-23
					
					8939
					
				

			

		

		

			
				
需求: 已知两坐标点, 求角度并旋转.

如下图所示, 简单介绍下, start1为起始点, start2为目标点, point为要旋转的对象. 下面代码中的temp字段为 start1与 start2两点组成的向量与水平向量的形成的夹角. 旋转方向默认按顺时针为正,逆时针为负.






const {ccclass, property} = cc._decorator;

@cccl...

			
		

	





	

		

			

				
					
cocos入门6：向量简介

				
			

			

				

					软考鸭
				

				

					06-08
					
					937
					
				

			

		

		

			
				
向量是一个有大小和方向的量，通常用箭头表示。在二维空间中，向量可以用(x, y)的形式表示，其中x和y分别表示向量在水平和垂直方向上的分量。在三维空间中，向量则可以用(x, y, z)的形式表示。向量是 Cocos Creator 游戏开发中不可或缺的一部分。通过深入理解向量的概念和运算方法，可以编写出更加高效、灵活的游戏代码。在实际开发中，可以根据具体需求选择使用二维向量还是三维向量，并灵活运用各种向量运算方法和属性来实现各种功能。

			
		

	





	

		

			

				
					
Cocos Creator方向与角度转换

				
			

			

				

					local_752的专栏
				

				

					11-19
					
					9960
					
				

			

		

		

			
				
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的向量的计算

				
			

			

				

					huhudeni的博客
				

				

					06-02
					
					3621
					
				

			

		

		

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




			
		

	





	

		

			

				
					
creator 求两个点的向量长度mag

				
			

			

				

					weixin_44522746的博客
				

				

					11-17
					
					802
					
				

			

		

		

			
				
因为节点都是以正中心为原点来进行坐标转换，如果以节点来换算向量就会出现上下左右侧的数值差别不大的问题
解决方法：将需要求出的点转换成世界坐标（世界坐标是以左下角为圆心（0，0））

...

			
		

	





	

		

			

				
					
1、Cocos Creator 基础入门

				
			

			

				

					qq_38248841的博客
				

				

					03-29
					
					1565
					
				

			

		

		

			
				
Cocos Creator 目前支持发布游戏到 Web、iOS、Android、各类"小游戏"、PC 客户端等平台，真正实现一次开发，全平台运行。Cocos Creator 既是一款高效、轻量、免费开源的跨平台 2D&3D 图形引擎，也是一个实时 2D&3D 数字内容创作平台。：它是一个完整的游戏开发解决方案，包含了轻量高效的跨平台游戏引擎，以及能让你更快速开发游戏所需要的各种图形界面工具。：完全为引擎定制打造，包含从设计、开发、预览、调试到发布的整个工作流所需的全功能一体化编辑器。

			
		

	





	

		

			

				
					
cocos creator3.8 计算方向向量

					
最新发布

				
			

			

				

					09-15
				

			

		

		

			
				
在 Cocos Creator 3.8 中，可以使用 Vector2 或 Vector3 来计算方向向量。以下是计算两个点之间方向向量的基本步骤：  1. 假设你有两个点，分别是 A(x1, y1) 和 B(x2, y2)，你可以使用 Cocos Creator 的 `Vec2` 类来...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值