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 lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bubble Smasher</title>
<style>
body, html {
margin: 0;
padding: 0;
overflow: hidden;
background-color: black;
width: 100%;
height: 100%;
}
canvas {
display: block;
margin: auto;
background-color: black;
}
#score {
position: absolute;
top: 10px;
left: 10px;
color: yellow;
font-size: 20px;
}
#gameOver {
css
css
1
2
3
body {
}
js
js
1
alert("Beware of green bubbles. You need to skip that bubble to make the high score. Few more interesting effects included, explore to play and further update will be notify. Happy Coding! \n\nEnjoy!")
BROWSER
Console
Run