Method eventProxy

src/particle.ts:373–412

* 事件代理 * @param move 移动事件处理函数 * @param orientation 陀螺仪事件处理函数

(
    move: (left: number, top: number) => void,
    orientation: (beta: number, gamma: number) => void
  )

   * @param orientation  陀螺仪事件处理函数
   */
  private eventProxy(
    move: (left: number, top: number) => void,
    orientation: (beta: number, gamma: number) => void
  ): void {
    const { eventElem } = this.options
    let handleOrientation: (e: DeviceOrientationEvent) => void

    if (orientationSupport) {
      handleOrientation = (e) => {
        if (this.isPaused || isNull(e.beta)) return

        // 转换 beta 范围 [-180, 180] 成 [-90, 90]
        orientation(Math.min(Math.max(e.beta!, -90), 90), e.gamma!)
      }

      window.addEventListener('deviceorientation', handleOrientation)
    }

    const handleMove = (e: MouseEvent) => {
      if (this.isPaused) return

      let left = e.pageX
      let top = e.pageY

      const offset = this.getEventElemOffset()
      if (offset) {
        left -= offset.left
        top -= offset.top
      }
      move(left, top)
    }

    eventElem!.addEventListener('mousemove', handleMove as EventListener)

    // 实例销毁时移除绑定的事件
    this.onDestroy(() => {
      window.removeEventListener('deviceorientation', handleOrientation)
      eventElem!.removeEventListener('mousemove', handleMove as EventListener)
    })
  }

  /**
   * 鼠标位置事件，根据鼠标的坐标将范围内的粒子连接起来