Cocos Creator2D游戏开发(5)-飞机大战(3)-手指操作玩家飞机移动
创始人
2024-11-27 16:04:25
0
  1. 添加玩家飞机
    1.创建player_node节点
    2.将资源中Player图片拖入player_node节点
    3.将Player的Position属性值调整为(0,-300) Content Size属性调整为(100 100)
    4.点击运行,飞机在屏幕上了
    在这里插入图片描述
    2 用手指拖着飞机跑流程
    ① 要监听手指按下
    ②判断手指是否在飞机上
    ③移动飞机
    ④监听手指离开
    在这里插入图片描述
    创建一个脚本Player.ts , 场景节点选player_node节点, 将Player.ts拖入右边属性检查器,保存;
    Player.ts脚本
import { _decorator, Component, EventTouch, Input, input, UITransform} from 'cc'; const { ccclass, property } = _decorator;  @ccclass('Player') export class Player extends Component {      private isPress; //是否按下     start() {         this.isPress = false;     }      onLoad() {         input.on(Input.EventType.TOUCH_START, this.onTouchStart, this);  //注册按下事件         input.on(Input.EventType.TOUCH_MOVE, this.onTouchMove, this);  // 注册移动事件         input.on(Input.EventType.TOUCH_END, this.onToucheEnd, this); // 注册离开事件     }      onToucheEnd(event: EventTouch) {         this.isPress = false;     }       onTouchMove(event: EventTouch) {         if (!this.isPress) {             return;         }         const player = this.node.getChildByName("Player"); // 获取指定的组件         if (player === null) {             return;         }         const uiPos = event.getUILocation(); //获取世界坐标         player.setWorldPosition( uiPos.x,uiPos.y,0); // 设置指定坐标     }      onTouchStart(event: EventTouch) {         const player = this.node.getChildByName("Player");         if (player === null) {             return;         }          const transform = player.getComponent(UITransform);         const newRect = transform.getBoundingBoxToWorld(); //获取player组件框框         if(newRect.contains(event.getUILocation())){             this.isPress= true;         }      }      update(deltaTime: number) {      } }    

相关内容

热门资讯

透视教程!aapoker真的假... 透视教程!aapoker真的假的,aa poker辅助,细节方法(有挂解说);运aapoker真的假...
透视真的!福建大菠萝万能辅助器... 透视真的!福建大菠萝万能辅助器,德州透视竞技联盟,靠谱教程(有挂教程)1、全新机制【福建大菠萝万能辅...
透视黑科技!aa poker透... 透视黑科技!aa poker透视软件,aapoker安装包怎么使用,普及教程(有挂规律)1、很好的工...
透视透视!德州局怎么透视,约局... 透视透视!德州局怎么透视,约局吧透视挂下载,2025新版总结(有挂介绍)一、约局吧透视挂下载软件透明...
透视有挂!aapoker透视脚... 透视有挂!aapoker透视脚本入口,aapoker公共底牌,AI教程(有挂技巧);1、aapoke...
透视ai代打!红龙poker有... 透视ai代打!红龙poker有辅助吗,德州局怎么透视,揭秘教程(有挂详情)1.红龙poker有辅助吗...
透视能赢!aapoker透视插... 透视能赢!aapoker透视插件,aapoker公共底牌,必赢教程(有挂解说);透视能赢!aapok...
透视有挂!pokerworld... 透视有挂!pokerworld软件,约局吧怎么看有没有挂,必赢方法(有挂攻略)1、约局吧怎么看有没有...
透视挂!aapoker发牌逻辑... 透视挂!aapoker发牌逻辑,aapoker安装包怎么使用,我来教教你(有挂教程)1、aapoke...
透视教学!佛手在线大菠萝为什么... 透视教学!佛手在线大菠萝为什么都输,哈糖大菠萝挂,技巧教程(有挂解说)1、进入到佛手在线大菠萝为什么...