タイミングを合わせて画面をクリックするHTMLゲームを作成したい。
HTML・JS・CSSファイルを作成して。
画面構成：
- 背景画像（back_ground.png）
- 画面中央にエネミー画像(enemy.png)
- 画面左下に自機画像（chara.png）
- 画面右上に攻撃エフェクト（attack.png）
- 画面中央下に防御エフェクト（defense.png）
- 画面左上にスコアテキスト

システム構成：
- 開始ステート（背景とSTARTボタン）
- Startボタンを押すと、ジングル（start.mp3）が流れ、エネミー＆自機＆スコアが表示（待機ステート）
- １～２秒間のランダムな時間の後にエネミー画像が変わり、その0.5秒後に効果音（attack.mp3）と攻撃エフェクトが表示（攻撃ステート）
  - 攻撃ステート後画面を押すと効果音(defense.mp3)と防御エフェクトが表示され、(1000-攻撃ステートになってからボタンを押すまでのミリ秒)をスコアに加算
  - 攻撃ステートから１秒たつと失敗
  - 攻撃ステートより早くボタンを押すと失敗
- 失敗またはスコア加算後、攻撃ステート終了。待機ステートに戻る
- これを10回繰り返した後終了ステートに移り、最終的なスコアを表示する。
  - 4回目の待機ステートから1/2でフェイントステートに以降する。
  - フェイントステートでは0.2秒だけ画像を変更するが、攻撃ステートには移らず、そのまま0.5～1秒間の待機ステートに戻る。

修正指示１
- a,b,cはアニメーションでなくどれか一つをランダムで表示するように
- title.pngは画面全体をカバーするように
- タイトルに「リードミー」ボタンを置き、readMe.txtの中身をダイアログで表示
- タイトルから遷移後、bgm.mp3を再生して待機。5秒後からattackを始める
- enemy画像をenemy_attackに変更するのと同時にready.mp3を再生
- attack.pngの表示と同時にenemy画像をenemy_readyに戻し、attack.mp3を再生
- attack.pngは右端に移動
- faintであればfaint.mp3を再生
- defenseに成功すればdefense.mp3を再生
- 失敗ならfaild.mp3を再生

修正指示２
- マウスボタンを離した時でなく押し込んだ瞬間にして
- タッチ操作の場合も同様に押した瞬間にして
- attack.pngの高さをenemyと同じにして、画面幅1/4中央に近づけて

修正指示３
- 素材をpublicフォルダに移して
- 終了後画面にタイトルに戻るを付けて
- リードミーボタンが見辛い