###前提・実現したいこと
javascriptで簡単なタイピングゲームのようなものを作りたいと考えています。
画像が表示されて、キーを打つと次の画像にいくというものです。
ネットワークを介す場合、画像の読み込み種類が多くなるので、キャッシュさせてから開始したいと思っていますが、
そのようなことはできるのでしょうか。
プロトタイプから作っているのでかなり簡潔です。
###該当のソースコード
javascript
1<html> 2<head> 3 <meta charset="utf-8" /> 4 <style> 5 </style> 6 <script> 7 //読み込ませたい画像 8 var key = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"]; 9 //キー押下操作 10 document.onkeydown = function (e){ 11 if(!e) e = window.event; 12 document.getElementById("moji").textContent = window.event.key; 13 var k = window.event.key; 14 var tag = '<img src="img/' + k + '.gif" />'; 15 document.getElementById("t_img").textContent = tag; 16 t_img.innerHTML = tag; 17 18 }; 19 20 </script> 21</head> 22<body> 23 <h1 id="moji"></h1> 24 <p id="t_img"> 25 </p> 26</body> 27</html> 28
###困っていること
ローカル環境なので本当にキャッシュされているのかがわかりません。
どう判定すればよいのでしょうか。
###よりスマートにするためには?
おそらく、読み込ませるタイミングは色々だと思います。
0. ページを開いたとき(ページに行ったとき)
0. スタートボタンを押したとき
0. ローディング画面を作ってその時に読み込む。
0. その他
どれが一番理想でしょうか。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/06 14:00