CocosCreator 项目源码，王者弹球的发射线制作

最新推荐文章于 2025-07-02 19:17:16 发布

原创最新推荐文章于 2025-07-02 19:17:16 发布 · 4.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Cocos #CocosCreator #JavaScript #源码 #教程

个人教程专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在CocosCreator2.0.1版本中，通过触控移动事件实时计算并调整游戏内射线的角度。主要步骤包括获取触点坐标，计算坐标间的正弦值，转换角度并应用到射线上，实现动态视觉效果。

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

RT，如图示效果

博主实用的是CocosCreator 2.0.1版本，版本不同的API或许有差异

实现思路：1、得到两个坐标点的位置

2、得出两点的正弦值

3、正弦值然后转换成角度并赋值

//触控移动
        this.node.on(cc.Node.EventType.TOUCH_MOVE, function (event) {
            //判断车子是否在运行动画

            var vx = event.touch.getLocationX();// 获取当前触点 X 轴位置。
            var vy = event.touch.getLocationY();// 
            var shotline = that.node.getChildByName("shot_line");

            var pos = shotline.getPosition();
            var posX = pos.x;
            var posY = pos.y;
            
            var vx2 = posX - vx ;
            var r1 = Math.atan2(vx-posX,vy-posY); //计算两点间的正弦值
            var angle = 180*r1/Math.PI //转换为角度值
            console.log(" Mangle",  angle);
            shotline.rotation = angle;
        

        }, this.node);