名前をつけて覚えて答えるゲーム v4.3

random_image_game v4.2

Environment

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

Features

• 画像をランダムに表示する(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)

Rule of this game

ゲームの説明 をご覧ください

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.