ENJP
一覧に戻る
学習成果物アプリ2023

Wordle(単語あてゲーム)

5文字の単語を6回で当てるパズル。スクールに入って最初に一人で作ったものです。

概要

5文字の単語を6回以内に当てるパズルです。プログラミングスクールに入ってすぐ、最初の個人プロジェクトとして約2週間で作りました。入力された単語を正解と比べ、文字と位置の一致を見て判定する部分をJavaScriptで組んでいます。素のHTML・CSS・JavaScriptだけで、ゲームの状態を自分で持たせました。

ポイント

  • 入力された単語を正解と比べ、文字と位置の一致から判定する部分を書きました。約13,000語の辞書を持たせ、ゲームの状態はJavaScriptで管理しています
  • 画面のキーボードが判定に合わせて色を変えます。緑は文字も位置も正解、黄色は文字だけ正解、灰色は含まれていない。今どこまで分かっているかを、覚えていなくても見れば分かるようにしました
  • ルールや入力の間違いを画面上で伝えるようにしました。動くだけでなく、遊び方が分かることを目標にしています

つくって終わりではなく続いていくものを

相談する