Vue.js + SVG でヌメロン風数当てゲームをつくる - ほんじゃらねっと

Vue.jsでこども用ゲーム作成シリーズ第3弾。 前回作ったマインスイーパーは、ゲームルール自体の中毒性のおかげか、 たまにプレイしてくれてるようで作った甲斐があった。 blog.honjala.net 飽きないうちに次のゲームを作成しておこう、ということで 今回は昔テレビで観たヌメロンというゲームを参考に、 数当てゲームを作ってみた。 Numer0n - Wikipedia ルール 本家はいくつかアイテムが使えるのだけど、まずは基本ルールのみ実装。 あらかじめ3桁の重複しない数字がランダムに選ばれて、 プレイヤーはそれを予想して数字を入力する。 選ばれた数字と入力した数字が一致したらプレイヤーの勝ち。 数字の入力は何回でもできて、外れてもヒントが表示される。 入力した数字の位置と値が合っている個数が「あたり」として表示され、 位置だけが合っている個数が「おしい」として表示される。 プレイ