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
<!-- Sorry if the code isn't very organized, making this game with only html and SVG was a little hard, and I had to do a lot of changes every time I faced a problem, the ids have weird names, thats because they didn't use to be what they ended being, for example, the bee at first was just a circle from the music circle prpject I have made writing attack on it, thats why the id is music, but when I changed the circle to the bee I decided to keep this id because it was already referenced in a lot of places -->
<!DOCTYPE html>
<html>
<head>
<title>Bee Boss Battle</title>
</head>
<body bgcolor="black">
<hr color="white" size="10" width="100%">
<h2 style="color: white" align="center"> <ins>Bee Boss Battle</ins> </h2>
<svg viewBox="0 0 340 340" style="border: white solid; background-color:gray;">
<!-- Health bar below -->
<rect width="320" height="10" x="10" y="10" fill="black"/>
<rect width="20" height="10" x="310" y="10" fill="green">
<animate id="one" attributeName="width" from="20" to="0"
dur="1s" fill="freeze" begin="circle1.click" />
<animate attributeName="width" from="00" to="20.5"
dur="0.01s" fill="freeze" begin="replay.click;replay2.click" />
</rect>
<rect width="20.5" height="10" x="290" y="10" fill="green">
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