npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

eva-plugin-joystick

v0.2.2

Published

基于 Eva.js 的虚拟摇杆

Downloads

2

Readme

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;

      当前游戏帧率