さて、JavaScriptで数字タッチゲームと神経衰弱を作りました！
ドットインストールのを参考にしつつ、いろいろ変えてみました。
ドットインストール最近めっちゃ使ってますね。ブログのリンクに追加しておこう。
さて、数字タッチゲームです。
こんな感じので、start!を押すと、
こんな感じで、タイマーがスタートし、小さい数字から全部タッチしていくと、下の写真のようにかかった時間が表示されます。
さて、これを少し改造して、ユーザがプレイの時にいくつ数字を出現させるかを選択できるようにしました。
こんな感じで、何マスのゲームを作るかどうかをユーザに選択させます。
ドMなあなたへ・・・20×20なんて選んでしまうとこうなります笑
よっぽど数字タッチゲームが好きじゃないとこんなのできません・・・w
そしてもう１つ、神経衰弱ゲームです。
シンプルな神経衰弱ゲームです。
手札をめくって、数字のペアを探します。
全部揃うとスコアが出ます。
さて・・・。2枚目の写真をみてください。数字をめくった瞬間、?が数字にかわるんですが、ブロックの大きさが変わってます・・・。すごい不細工。んでもって、二つしかない神経衰弱なんて・・・神経衰弱じゃない！ってことで、作り替えてみました。
これが作り替えしたやつです。めくった回数と、既に正解した数、まだあってないペアの数、そして、数字タッチゲームと同様、何ペア作るかもユーザが選べるようにしました。
こんなかんじです！数字をめくったときにパネルがずれてしまうのも修正しました。
また、元の使用だと、改行タグを平方根を使って挿入していたので、平方根が整数になるパネルの数しかだめでしたが、そこも切り捨てとか切り上げつかっていい感じに修正。
クリアした後はこんな感じです！
JavaScript、動きがすぐ見れるからすごく面白いですね。
改造しつつ技術を高めていけたらいいなぁと思います。
▼期間限定で無料配布中▼
- 経済的自立を果たす10のステップ
- 時給10円から年商10億円に至る道のり
- 最短で0→1を立ち上げる起業術
- お金持ちになる5つのルール
- すぐに実行できる即金マニュアル
無料特典を受け取るか迷っている方は、こちらの記事「真面目」でも「頭がいい人」でもお金持ちになれないたった1つの理由」をお読みください。
