前提
「避けゲー」をつくっています
上からランダムに落ちてくる敵(neko*)をうまくよけて
自分(nezumi)に当たってしまったところでゲームオーバーです
該当のソースコード
javascript
1<script> 2 var x = 130; 3 function left(){ 4 x -= 10; 5 if(x<=0){ 6 x=0; 7 } 8 document.getElementById( 'a' ).style.left = x + "px"; 9 } 10 function right(){ 11 x += 10; 12 if(x>=260){ 13 x=260; 14 } 15 document.getElementById( 'a' ).style.left = x + "px"; 16 } 17</script>
HTML
1<body> 2 <marquee direction="down" height="580" position: absolute; 3 left: 60%; 4 top: 90%; scrollamount="20" truespeed > 5 <img src="neko.png" class="teki1"> 6 <img src="neko2.png" class="teki2"> 7 <img src="neko3.png" class="teki3"> 8</marquee> 9 <button onclick="left()" class="b1">←</button> 10 <img src="nezumi.png" id="a" style="position:absolute;left:130px;top:400px;"> 11 <button onclick="right()" class="b2">→</button> 12</body> 13</html>
css
1/**/ 2body{ 3 background-color: black; 4} 5img{ 6 width: 100px; 7} 8.a{ 9 width: 100px; 10 height: 100px; 11} 12.b1{ 13 width: 50px; 14 height: 50px; 15 position: absolute; 16 left: 30%; 17 top: 90%; 18} 19 20.b2{ 21 width: 50px; 22 height: 50px; 23 position: absolute; 24 left: 60%; 25 top: 90%; 26} 27 28.teki1{ 29 30} 31 32.teki2{ 33 position: absolute; 34 left: 60%; 35 top: 100px; 36} 37.teki3{ 38 position: absolute; 39 left: 80px; 40 top: -190px; 41}
現状
現在完了している動きは
・敵が上から落ちてくること(種類、座標指定(xとy))
・ボタンによって自分(nezumi)を左右に移動できること
のみです
実現したいこと・質問
解決したいことは
・敵の種類,落ちてくる位置(X座標),タイミングをランダムで設定すること ・上記ができれば、多くの画像が降りてくると思うが、 そのなかのどれかひとつにでも自分(nezumi)が当たってしまったところで ゲームオーバー判定を出すこと
の主に二つです。
後者に関しては、「画像が重なったときに動作する」という考え方だけはわかっているのですが、それをどう実行すればいいかわかりません。
補足情報(FW/ツールのバージョンなど)
関係ないかもですが
monacaでやってます
ゲームの使用端末は エクスペディア です
jQueryは全く理解できておらず、なるべく使いたくありません
狭い条件で申し訳ないですが、協力していただけるとありがたいです
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。