Portfolio

profile image

ポートフォリオ

<Contact>Top Page
  • Vue.js
  • Nuxt.js
  • TypeScript

名前をつけて早く呼ぶゲーム

qr code

github


説明

Adobe Illustrator で描いた絵を使ってゲームを作りました。
ルールについてはこちらを御覧下さい。

環境

  • node 12.16.1
  • nuxt 2.0.0
  • vue 2.6.11
  • typescript 3.7.5

更新情報

  • 画像をランダムに表示する(v1.0)
  • 画像に名前をつける(v4.0)
  • 2回以上表示された画像の名前が最初につけた名前と一致するか判定する(v4.0)
  • 結果を表示する(v4.0)
  • 画像表示回数を設定できる(v4.0)
  • リセットボタンでリセットできる(v1.0)
  • ダークモードとライトモードを切替できる(v3.0)
  • プレイ回数の初期値は10(v4.0)
  • プレイ回数設定値の最小値は3、最大値は100(v4.0)
  • プレイ回数設定値が最小値を下回ると最小値、最大値を上回ると最大値に設定される(v4.0)
  • つけられる名前の文字数の最小値は1、最大値は10(v4.0)
  • 二回以上表示された画像に対しては、名前を入力、決定した時点で正誤のメッセージを表示させる(v4.1)
  • 正誤のメッセージを表示させた場合のみ次の画像へ移るタイミングを遅らせる(v4.1)
  • i18nを導入し、日本語と英語を切り替えられるようにする(v4.2)

関連記事

戻る