【cocos creator】摇杆学习笔记！

最新推荐文章于 2024-05-29 09:30:47 发布

小花 .

最新推荐文章于 2024-05-29 09:30:47 发布

阅读量621

点赞数

分类专栏： cocos creator 文章标签：游戏游戏开发

本文链接：https://blog.csdn.net/weixin_44766680/article/details/115582649

版权

这篇博客介绍了如何在cocos creator中实现摇杆功能，涉及到数学的三角函数知识。通过两个脚本，joystick.js和player.js，分别控制摇杆效果和角色移动。摇杆UI包括player、stick、stick_bg。是作者的学习笔记，重点探讨了摇杆的实现和三角函数的应用。

摘要由CSDN通过智能技术生成

cocos creator 摇杆

手机虚拟摇杆是指用于全触摸手机的虚拟于屏幕的按键虚拟摇杆，可直接操控触摸屏上的虚拟摇杆进行游戏。
在这里插入图片描述

这个摇杆的效果需要的了解的是数学的三角函数知识。这里有分成两个脚本，第一个脚本控制摇杆的一些效果。第二个脚本是控制主角的移动

1.这是joystick.js脚本

cc.Class({
  extends: cc.Component,

  properties: {
    stick: cc.Node,
    //stick_bg的宽度
    r: 200,

  },

  onLoad() {
    //触摸事件
    this.stick.on("touchstart", this.onTouchStart, this)
    this.stick.on("touchmove", this.onTouchMove, this)
    this.stick.on("touchend", this.onTouchEnd, this)
    this.stick.on("touchcancel", this.onTouchCancel, this)
    //dir表示stick的方向
    this.dir = cc.v2(0, 0)
  },
  onDestroy() {
    this.stick.off("touchstart", this.onTouchStart, this)
    this.stick.off("touchmove", this.onTouchMove, this)
    t