html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title> Avoid missiles</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="gameblock">
<div id="plane"><svg fill="red" opacity="1.0" width="50" height="50" viewBox="0 0 512 512"><path d="M448 336v-40L288 192V79.2c0-17.683-14.82-31.2-32-31.2-17.179 0-32 13.518-32 31.2V192L64 296v40l160-48v113.602l-48 31.199V464l80-16 80 16v-31.199l-48-31.199V288l160 48z"/></svg></div>
<div class="rocket" id="r1"><svg fill="black" opacity="1.0" width="25" height="25" viewBox="0 0 17 17"><path d="M12 11V5c0-5-3-5-3-5S6 0 6 5v6s-2 0-2 6c0 0 2.38-2.375 4.312-2.895.004.582.31 1.05.688 1.05s.684-.47.688-1.05C11.62 14.625 14 17 14 17c0-6-2-6-2-6zM9 1c.26.022 1.667.27 1.947 3H7.053C7.333 1.27 8.74 1.022 9 1zm0 12c-1.27 0-2.742.868-3.877 1.717.263-2.12.86-2.63.993-2.717H7V5h4v7h.884c.134.088.73.596.993 2.717C11.742 13.867 10.27 13 9 13z"/></svg></div>
<div class="rocket" id="r2"><svg fill="black" opacity="1.0" width="25" height="25" viewBox="0 0 17 17"><path d="M12 11V5c0-5-3-5-3-5S6 0 6 5v6s-2 0-2 6c0 0 2.38-2.375 4.312-2.895.004.582.31 1.05.688 1.05s.684-.47.688-1.05C11.62 14.625 14 17 14 17c0-6-2-6-2-6zM9 1c.26.022 1.667.27 1.947 3H7.053C7.333 1.27 8.74 1.022 9 1zm0 12c-1.27 0-2.742.868-3.877 1.717.263-2.12.86-2.63.993-2.717H7V5h4v7h.884c.134.088.73.596.993 2.717C11.742 13.867 10.27 13 9 13z"/></svg></div>
<div class="rocket" id="r3"><svg fill="black" opacity="1.0" width="25" height="25" viewBox="0 0 17 17"><path d="M12 11V5c0-5-3-5-3-5S6 0 6 5v6s-2 0-2 6c0 0 2.38-2.375 4.312-2.895.004.582.31 1.05.688 1.05s.684-.47.688-1.05C11.62 14.625 14 17 14 17c0-6-2-6-2-6zM9 1c.26.022 1.667.27 1.947 3H7.053C7.333 1.27 8.74 1.022 9 1zm0 12c-1.27 0-2.742.868-3.877 1.717.263-2.12.86-2.63.993-2.717H7V5h4v7h.884c.134.088.73.596.993 2.717C11.742 13.867 10.27 13 9 13z"/></svg></div>
<div class="rocket" id="r4"><svg fill="black" opacity="1.0" width="25" height="25" viewBox="0 0 17 17"><path d="M12 11V5c0-5-3-5-3-5S6 0 6 5v6s-2 0-2 6c0 0 2.38-2.375 4.312-2.895.004.582.31 1.05.688 1.05s.684-.47.688-1.05C11.62 14.625 14 17 14 17c0-6-2-6-2-6zM9 1c.26.022 1.667.27 1.947 3H7.053C7.333 1.27 8.74 1.022 9 1zm0 12c-1.27 0-2.742.868-3.877 1.717.263-2.12.86-2.63.993-2.717H7V5h4v7h.884c.134.088.73.596.993 2.717C11.742 13.867 10.27 13 9 13z"/></svg></div>
<div class="rocket" id="r5"><svg fill="black" opacity="1.0" width="25" height="25" viewBox="0 0 17 17"><path d="M12 11V5c0-5-3-5-3-5S6 0 6 5v6s-2 0-2 6c0 0 2.38-2.375 4.312-2.895.004.582.31 1.05.688 1.05s.684-.47.688-1.05C11.62 14.625 14 17 14 17c0-6-2-6-2-6zM9 1c.26.022 1.667.27 1.947 3H7.053C7.333 1.27 8.74 1.022 9 1zm0 12c-1.27 0-2.742.868-3.877 1.717.263-2.12.86-2.63.993-2.717H7V5h4v7h.884c.134.088.73.596.993 2.717C11.742 13.867 10.27 13 9 13z"/></svg></div>
<div class="rocket" id="r6"><svg fill="black" opacity="1.0" width="25" height="25" viewBox="0 0 17 17"><path d="M12 11V5c0-5-3-5-3-5S6 0 6 5v6s-2 0-2 6c0 0 2.38-2.375 4.312-2.895.004.582.31 1.05.688 1.05s.684-.47.688-1.05C11.62 14.625 14 17 14 17c0-6-2-6-2-6zM9 1c.26.022 1.667.27 1.947 3H7.053C7.333 1.27 8.74 1.022 9 1zm0 12c-1.27 0-2.742.868-3.877 1.717.263-2.12.86-2.63.993-2.717H7V5h4v7h.884c.134.088.73.596.993 2.717C11.742 13.867 10.27 13 9 13z"/></svg></div>
<div id="times"><svg fill="white" opacity="1.0" width="35" height="35" viewBox="0 0 24 28"><path d="M14 8.5v7c0 .281-.219.5-.5.5h-5a.494.494 0 0 1-.5-.5v-1c0-.281.219-.5.5-.5H12V8.5c0-.281.219-.5.5-.5h1c.281 0 .5.219.5.5zm6.5 5.5c0-4.688-3.813-8.5-8.5-8.5S3.5 9.313 3.5 14s3.813 8.5 8.5 8.5 8.5-3.813 8.5-8.5zm3.5 0c0 6.625-5.375 12-12 12S0 20.625 0 14 5.375 2 12 2s12 5.375 12 12z"/></svg>
<span id="gametime">0</span></div>
</div>
<div id="gameover"><p id="go"> Avoid missiles
</p>
<br><div id="startbtn" ontouchstart="startGame()">Start Game</div></div>
<br><div class="btn" ontouchstart="left()"><<<</div><div class="btn" ontouchstart="right()">>>></div>
<style type="text/css">
body{
text-align:center;
background:lightsteelblue;}
.btn{
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
body {
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run