use konami code

usekonamicode

⬆️⬆️⬅️➡️⬅️➡️ ？§ ？§

Reactフックで悪名高いコナミコードを使用します。

インストール

npm install @bitmap/use-konami-code

使用法

初心者の場合、Konamiコードは最もよく知られているビデオゲームチートコードの1つです。

シーケンスは、 Up 、 Up 、 Down 、 Down 、 Left 、 Right 、 Left 、 Right 、 B 、 A 、 Enterです。

コードを入力した後、フックは渡すコールバック関数を実行します。

 import React , { useState } from 'react'
import { useKonamiCode } from '@bitmap/use-konami-code'

function SecretComponent ( ) {
  const [ cheatCodeActive , setCheatCodeActive ] = useState ( false )

  useKonamiCode ( ( ) => {
    setCheatCodeActive ( true )
  } )

  if ( cheatCodeActive ) return (
    < div > It’s a secret to everybody. < / div >
  )

  return null
}

カスタムチートコード

useKonamiCode 、 keycodeEvent.key文字列の配列である2番目の引数を取ります。これにより、カスタムキーシーケンスに到達できます。

 const godMode = 'iddqd' . split ( '' )

useKonamiCode ( callback , godMode )