专栏首页Cocos Creator开发Cocos Creator | 炮弹发射效果模拟

Cocos Creator | 炮弹发射效果模拟

一、预览效果

二、设置物理世界属性:

1.打开物理系统:

cc.director.getPhysicsManager().enabled = true;

2. 配置重力加速度:

cc.director.getPhysicsManager().gravity = cc.v2(0, -980);

三、射击角度调整

1.全局监听touch事件,事件分为TOUCH_START(开始)、TOUCH_MOVE(移动)、TOUCHCANCEL(取消)、TOUCH_END(结束)四个状态,方法如下:

this.node.on(cc.Node.EventType.TOUCH_START, this.onEventStart, this);
this.node.on(cc.Node.EventType.TOUCH_MOVE, this.onEventMove, this);
this.node.on(cc.Node.EventType.TOUCH_CANCEL, this.onEventCancel, this);
this.node.on(cc.Node.EventType.TOUCH_END, this.onEventEnd, this);

2.当开始触摸屏幕时,触发开始的回调onEventStart(),回调中开启定时器,每隔0.03秒角度加1,并改变炮台的角度,方法如下:

//更新炮管角度
this._curAngle = 0;
this.gunSchedule = function(){
  if (this._curAngle < 90){
    this._curAngle += 1;
    this.myGunImg.angle = this._curAngle;
  }
};
this.schedule(this.gunSchedule, 0.03);

3.当结束触摸时,触发结束的回调onEventEnd(),回调中关闭定时器,方法如下:

//停止更新炮管
this.unschedule(this.gunSchedule);

四、发射子弹

1.先在编辑器中创建一个子弹预制体,并给它绑定好物理组件,组件如下:

2.给子弹设置冲量,假设固定x方向的冲量是5000,再通过角度计算出y方向的冲量,方法如下:

let x = 5000; 
//通过角度计算力度
let y = x * Math.tan(Math.abs(this._curAngle) * (Math.PI / 180)); 
//给子弹设置冲量
this.bulletNode.getComponent(cc.RigidBody).applyForceToCenter(cc.v2(x, y));

3.此时子弹同时受到重力加速度和冲量的影响,将会发射出去,但是子弹的角度会始终是发射出去时的角度,现在我们通过子弹运行的轨迹计算出正确的旋转角度。先获取运行时前后两个点的坐标,再通过坐标点之间的连线计算出夹角,最后给子弹设置角度即可,方法如下:

let curPos = this.bulletNode.position;
let lastPos = curPos;
this.bulletfun = function(){
  curPos = this.bulletNode.position;
  //计算角度
  let lenX = curPos.x - lastPos.x;
  let lenY = 0;
  let r = 0;
  if(curPos.y < lastPos.y){ //向上运动
     lenY = curPos.y - lastPos.y;
     r = Math.atan2(lenY, lenX) * 180 / Math.PI;
  }
  else{   //向下运动
    lenY = lastPos.y - curPos.y;
    r = -1 * Math.atan2(lenY, lenX) * 180 / Math.PI;
  }
  lastPos = curPos;
  this.bulletNode.angle = r;
};
this.schedule(this.bulletfun, 0.1);

4.当子弹落地或打到目标物体时,停止定时器,方法如下:

//停止子弹监听
this.unschedule(this.bulletfun);

本文分享自微信公众号 - 一枚小工(caizj_cn),作者:一枚小工

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-10-11

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 100关推箱子游戏

    2.地图采用定宽原则,先计算出地图方块的尺寸,再计算每个方块的偏移量就可以设置游戏的每块地图的坐标,核心逻辑如下:

    一枚小工
  • 用 Cocos Creator 制作平台跳跃游戏

    平台跳跃类游戏如《超级马里奥》《Celeste蔚蓝》等,非常考验玩家的操作和判断,有着非常本真的游戏乐趣。这类游戏乍一看,挺容易做的,但是要做好却不太容易。今天...

    一枚小工
  • Cocos Creator实现左右跳游戏

    游戏开始后,点击屏幕左右两侧,机器人朝左上方或右上方跳一步,如果下一步有石块,成功得1分,否则游戏结束。

    一枚小工
  • Java基础:五、this关键字、static含义(4)

    如果只有一个peel()方法,如何知道是被a还是b所调用的呢?因为编译器会把“所操作对象的引用”作为第一次参数传递给peel()。所以上述两个方法的调用就变成了...

    桑鱼
  • 【JS游戏编程基础】关于js里的this关键字的理解

    this关键字在c++,java中都提供了这个关键字,在刚开始学习时觉得有难度,但是只要理解了,用起来就方便多了,下面通过本篇文章给大家详解js里this关键字...

    李海彬
  • three.js 郭先生制作太阳系

    今天郭先生收到评论,想要之前制作太阳系的案例,因为找不到了,于是在vue版本又制作一版太阳系,在线案例请点击three.js制作太阳系(加载时间比较长,请稍等一...

    郭先生的博客
  • vue 中使用threejs

    tianyawhl
  • Flutter开发:TextField常用属性的使用

    在flutter开发过程中,掌握常用组件的使用是必备技能,flutter常用的组件和App开发时候常用的控件基本一模一样,只是使用的方式不一样罢了。

    三掌柜
  • TRTC学习之旅(三)-- 使用vue+ts集成互动直播

    上次我们已经用vue+ts实现了多人会议室的搭建,这次我们继续在上次项目的基础上,实现互动直播功能。

    黑眼圈云豆
  • 冬天到了,分享两款雪花特效代码

    小小鱼儿小小林

扫码关注云+社区

领取腾讯云代金券