html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
<title>Happy birthday</title>
</head>
<body>
<canvas id="screen"></canvas>
<div id="text">
<h1>Happy Birthday Dear ꧁𓊈𒆜ʜʀɪᴛɪᴋ𒆜𓊉꧂!</h1>
<script>
startEverything();//start when html is clicked
</script>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
body {
text-align: center;
}
.countdown{
font-size: 70px;
}
canvas{
background-color: #000000;
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
}
#text{
color: #ffffff;;
}
Enter to Rename, Shift+Enter to Preview
js
js
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
function startEverything(){
setTimeout(a, 100);
}
function a(){
var screenWidth = window.innerWidth;
var screenHeight = window.innerHeight;
var minVx = -10;
var deltaVx = 20;
var minVy = 25;
var deltaVy = 15;
var minParticleV = 5;
var deltaParticleV = 5;
var gravity = 1;
var explosionRadius = 200;
var bombRadius = 10;
var explodingDuration = 100;
var explosionDividerFactor = 10;
var nBombs = 1;
var percentChanceNewBomb = 5;
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run