CocosCreator中游戏摇杆的实现

在rpg游戏，包括很多其他游戏中，都要用到摇杆操控角色进行移动的效果，可以说是很多游戏的必须模块，今天我们就来实现这个模块

效果展示：

首先准备好摇杆的素材

摇杆代码：joystick.js

cc.Class({extends: cc.Component,properties: {stick: cc.Node,max_R: 90,},start() {this.dir = cc.v2(0, 0);this.stick.setPosition(cc.v2(0, 0));this.stick.on(cc.Node.EventType.TOUCH_START, function (e) {//开始触摸}.bind(this), this);this.stick.on(cc.Node.EventType.TOUCH_MOVE, function (e) {//移动var screen_pos = e.getLocation();var pos = this.node.convertToNodeSpaceAR(screen_pos);//最大边距var len = pos.mag();this.dir.x = pos.x / len;// x costhis.dir.y = pos.y / len;// y sinif (len > this.max_R) {pos.x = pos.x * this.max_R / len;pos.y = pos.y * this.max_R / len;}this.stick.setPosition(pos);}.bind(this), this);this.stick.on(cc.Node.EventType.TOUCH_END, function (e) {//结束this.dir = cc.v2(0, 0);this.stick.setPosition(cc.v2(0, 0));}.bind(this), this);this.stick.on(cc.Node.EventType.TOUCH_CANCEL, function (e) {//触摸弹起this.stick.setPosition(cc.v2(0, 0));this.dir = cc.v2(0, 0);}.bind(this), this);},update(dt) { },
});

角色代码：tank

var joystick = require("joystick");cc.Class({extends: cc.Component,properties: {stick: {type: joystick,default: null,},speed: 2000,},start() {  },update(dt) {if (this.stick.dir.x === 0 && this.stick.dir.y === 0) {return;}this.vx = this.speed * this.stick.dir.x;this.vy = this.speed * this.stick.dir.y;var sx = this.vx * dt;var sy = this.vy * dt;var r = Math.atan2(this.stick.dir.y, this.stick.dir.x);var degree = r * 180 / Math.PI;this.node.x += sx;this.node.y += sy;degree = 360 - degree;degree = degree + 90;this.node.angle = -degree;},
});

脚本代码写完后记得将脚本挂载在节点上(joystick挂载在摇杆上，tank挂载在角色节点上，完成后就可以实现用摇杆控制角色移动啦)，

CocosCreator中游戏摇杆的实现相关推荐

CocosCreator 中的摇杆
前面一篇文章写了几种常见的主角控制方式,这篇文章将介绍利用摇杆JoyStick 去控制主角. 看到网上都是JS写的代码,找了一个效果不错的参考了一下,本文采用TS写的: 首先查看效果图: 摇杆有两种 ...
CocosCreator游戏开发---菜鸟学习之路（三）如何在CocosCreator中使用Pomelo
PS(废话): 这段时间都在研究网易的Pomelo框架,作为新手小白,自然遇到了不少坑爹的事情.(当然也有可能是因为自己技术不过关的原因所以导致在很多基础的问题上纠结了很久.)网上也搜索了好久,但是基 ...
android 游戏遥感,Android2.2+游戏摇杆 MOPS魅影T800评测
为游戏而生:MOPS魅影T800 Android凭借着自身出色的设计以及丰富的第三方软件应用的支持,目前已经成为了最炙手可热的智能手机系统之一,很多朋友对Android感兴趣是因为其具有非常丰富的软件 ...
CocosCreator中使用Animation制作动画
CocosCreator中使用Animation制作动画大家好,今天给大家分享的是关于如何使用CocosCreator来制作动画效果的经验. 我们知道,一个游戏中不可或缺的元素就是动画,比如小鸟展翅 ...
STM32 PS2游戏摇杆测试
PS2游戏摇杆有3个输出口,按照手册应该是2个模拟输出(XY),1个数字输出(Z),因此用stm32的ADC进行测试. PS2 原理图: ADC配置: 代码: MX_ADC1_Init(); HAL_ ...
【Unity插件】游戏摇杆Joystick
文章目录前言一.Joystick摇杆类型二.摇杆基本属性三.摇杆使用方法四.其他功能及扩展总结前言最近开发很多游戏Demo中都有用到游戏摇杆Joystick.个人还是挺喜欢用这个插件的 ...
CocosCreator中使用pureMvc
PureMVC框架的目标很明确,即把程序分为低耦合的三层:Model.View和Controller. PureMvc的结构 Model与Proxy Model保存对Proxy对象的引用,Proxy负 ...
c# winform 实现北通游戏手柄游戏摇杆二次开发包含视觉头盔
c# winform 游戏手柄的二次开发,包含视觉头盔基础实现视觉头盔的数据如何获取如何移植代码到自己的项目中基础实现在之前的文章中,描述了如何使用摇杆获取xyz轴坐标,以及游戏手柄的按键. ...
Unity3D 游戏引擎之IOS自定义游戏摇杆与飞机平滑的移动（十一）
Unity3D 游戏引擎之IOS自定义游戏摇杆与飞机平滑的移动雨松MOMO原创文章如转载,请注明:转载至我的独立域名博客雨松MOMO程序研究院,原文地址:http://www.xuanyusong. ...

CocosCreator中游戏摇杆的实现

CocosCreator中游戏摇杆的实现相关推荐

最新文章

热门文章