今回は簡単なゲームを
Javascriptで作ってみました
解説動画はこちら
今回は「ナンスピ」と呼ばれるゲームを再現してみました。
東急ハンズとかで売られている
トイグッズになりますが
1から25までの数字をぽちぽち押していって
タイムを競うものです
製品のHPはこちら
ナンスピ
試し書きには
20秒以下 : げべげべ
20秒以内 : 平均的
16秒以内 : 良い
12秒以内 : すごく良い
6.25秒 : パイロットの平均
とありました。
買うと高いので
Javascriptのコードにしてみました
コードはこちら
(Codepen)
ソースコード
HTML,CSS
Javascriptを一緒くたにしています。
ソースコードをコピーして
HTMLファイル保存してブラウザ実行するか
Codepenでそのまま楽しめます。
単純に「ゲーム開始」ボタンで
ゲームスタート
1から25までの数字をクリックしてください
25までクリックし終えるとタイムがポップアップします。
過去の記録もされるので
過去の自分を超えられるように頑張ってください
ちなみに
自分は平均並み以下なので
デバックできていません
6.25秒以内にクリアできた方
ぜひコメントしてくださいね!!!
それ以外でも
自分のクリアタイムを
コメントしていただけると励みになります!!
今回はJavascriptを使った
簡単なゲームのご紹介でした
ぜひ遊んでみてください
それでは。
Javascriptで作ってみました
解説動画はこちら
今回は「ナンスピ」と呼ばれるゲームを再現してみました。
東急ハンズとかで売られている
トイグッズになりますが
1から25までの数字をぽちぽち押していって
タイムを競うものです
製品のHPはこちら
ナンスピ
試し書きには
20秒以下 : げべげべ
20秒以内 : 平均的
16秒以内 : 良い
12秒以内 : すごく良い
6.25秒 : パイロットの平均
とありました。
買うと高いので
Javascriptのコードにしてみました
コードはこちら
(Codepen)
ソースコード
HTML,CSS
Javascriptを一緒くたにしています。
ソースコードをコピーして
HTMLファイル保存してブラウザ実行するか
Codepenでそのまま楽しめます。
単純に「ゲーム開始」ボタンで
ゲームスタート
1から25までの数字をクリックしてください
25までクリックし終えるとタイムがポップアップします。
過去の記録もされるので
過去の自分を超えられるように頑張ってください
ちなみに
自分は平均並み以下なので
デバックできていません
6.25秒以内にクリアできた方
ぜひコメントしてくださいね!!!
それ以外でも
自分のクリアタイムを
コメントしていただけると励みになります!!
今回はJavascriptを使った
簡単なゲームのご紹介でした
ぜひ遊んでみてください
それでは。