Skip to content

Latest commit

 

History

History
139 lines (87 loc) · 2.18 KB

README.md

File metadata and controls

139 lines (87 loc) · 2.18 KB
Raw

Eva.js Joystick

基于 Eva.js 的虚拟摇杆

Play demo

注意事项：

  • 不要设置被添加游戏对象的宽高
  • 手指跟随的情况下无法使用anchor 待解决

Usage

npm i eva-plugin-joystick
import { Joystick } from 'eva-plugin-joystick'

const go = new GameObject('joystick')

const joystick = go.addComponent(new Joystick({
  followPointer: {
    open: true,
    area: {
      x: 0, y: 0,
      width: 400,
      height: 600
    }
  }
}))

joystick.on(JOYSTICK_EVENT.Begin, (data) => {
  console.log('begin', data)
})
joystick.on(JOYSTICK_EVENT.Drag, (data) => {
  console.log('drag', data)
})
joystick.on(JOYSTICK_EVENT.End, (data) => {
  console.log('end', data)
})


game.scene.addChild(go)

参数

  • limitRadius number optional

    摇杆的半径，限制操作杆的移动范围

  • boxImageResource string optional

    背景图片

  • boxRadius number optional

    背景图片的半径

  • btnImageResource string optional

    操作杆的图片

  • btnRadius number optional

    操作杆图片的半径

  • followPointer object optional

    手指跟随

    • open boolean

      是否打开手指跟随

    • area object request

      手指跟随生效的范围 必填

      • x number
      • y number
      • width number
      • height nubmer

事件

joystick.on(JOYSTICK_EVENT.Begin, (data) => {
  console.log('begin', data)
  data.x 
  data.y
})

事件名

参数为摇杆移动的二维向量，-1,1之间

  • JOYSTICK_EVENT.Begin

    摇杆开始事件

  • JOYSTICK_EVENT.Drag

    摇杆拖拽事件

  • JOYSTICK_EVENT.End

    摇杆结束事件

回调函数参数

  • x

    当前的joystick向量 x 值 -1 ～ 1 之间

  • y

    当前的joystick向量 y 值 -1 ～ 1 之间

  • updateParams

    当前update事件的参数

    • deltaTime: number;

      每帧间隔时间，可以用于物体匀速运动

    • frameCount: number;

      当前游戏总帧数

    • currentTime: number;

      当前游戏时间

    • fps: number;

      当前游戏帧率