今回は簡単なゲームを
Javascriptで作ってみました

解説動画はこちら




今回は「ナンスピ」と呼ばれるゲームを再現してみました。

4972825233115-3-1400x1400のコピー


東急ハンズとかで売られている
トイグッズになりますが

1から25までの数字をぽちぽち押していって
タイムを競うものです

製品のHPはこちら

ナンスピ

試し書きには
20秒以下 : げべげべ
20秒以内 : 平均的
16秒以内 : 良い
12秒以内 : すごく良い
6.25秒 : パイロットの平均

とありました。

買うと高いので
Javascriptのコードにしてみました


コードはこちら
(Codepen)

ソースコード

HTML,CSS
Javascriptを一緒くたにしています。

ソースコードをコピーして
HTMLファイル保存してブラウザ実行するか
Codepenでそのまま楽しめます。

スクリーンショット 2025-01-18 16.15.58


単純に「ゲーム開始」ボタンで
ゲームスタート

1から25までの数字をクリックしてください

スクリーンショット 2025-01-18 16.16.09


25までクリックし終えるとタイムがポップアップします。
スクリーンショット 2025-01-18 16.15.34
過去の記録もされるので
過去の自分を超えられるように頑張ってください

ちなみに
自分は平均並み以下なので
デバックできていません


6.25秒以内にクリアできた方
ぜひコメントしてくださいね!!!

それ以外でも
自分のクリアタイムを
コメントしていただけると励みになります!!


今回はJavascriptを使った
簡単なゲームのご紹介でした

ぜひ遊んでみてください

それでは。