Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8829

Javascriptでもぐら叩きゲーム

$
0
0

開発したもの

もぐら叩きゲーム(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アプリケーションを開発するためにもっと深く知りたいと思った。

最後に

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


Viewing all articles
Browse latest Browse all 8829

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>