Help us understand the problem. What is going on with this article?

Javascriptでもぐら叩きゲーム

開発したもの

もぐら叩きゲーム(Webアプリケーション)
http://yusuke97.html.xdomain.jp/index.html

きっかけ

javascriptを触れる機会があり、勉強していくうちに楽しくなっていき何か形にしたかったこと。

こだわったところ

  • スマホでもPCでも遊べるようにする
  • 誤ってズームしたり,画像を選択しないようにする
  • レスポンスを速くする
  • シンプルなUI

使ったもの

  • javascript
  • CSS
  • html
  • Cent OS
  • Apache HTTP Server(ローカル開発環境)
  • XFREEのレンタルサーバー

開発の流れ(1人, 2週間)

  1. 使う写真をダウンロード、加工
  2. もぐらが動くようにする(1匹だけ)
  3. 10匹のもぐらが動くくようにする
  4. 配置を変える。
  5. もぐらを叩いてから反応する時間を短くする。
  6. 初級と上級に分ける。

難しかったこと

  • javascriptの非同期通信
  • もぐらを叩いてから反応する時間を短くする。
  • スマホでもPCでも遊べるようにすること。
  • ブラウザによって挙動が違うところ。

感想

コードによって全然レスポンスの速さが違ったりブラウザによってもぐらの挙動、位置、bgmが違っていたので、難しかった。しかし、javascript,CSSが意外と深いことがわかり面白かった。もっと速いWebアプリケーションを開発するためにもっと深く知りたいと思った。

最後に

間違いがあればコメントくださるとありがたいです。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away