-
Notifications
You must be signed in to change notification settings - Fork 0
/
game.html
71 lines (63 loc) · 2.66 KB
/
game.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html>
<head>
<title>MeetSharks</title>
<script src="./js/p5.min.js"></script>
<script src="./js/p5.play.js"></script>
<script src="./js/player.js"></script>
<link type="text/css" rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> -->
<!-- <script src="player.js"></script> -->
</head>
<body>
<!-- <audio loop autoplay>
<source src="/assets/bgmusic.mp3" type="audio/mp3">
</audio> -->
<!-- loading page -->
<!-- <div class="wrap"> -->
<!-- <div id="loader" class="center"> -->
<!-- <div class="bounceball"></div> -->
<!-- <div class="text">NOW LOADING</div> -->
<!-- <span> × </span>
</div>
</div> -->
<div id = "container">
<div id="myP5">
<script src="./js/app.js"></script>
</div>
<!-- <div class="hidden_info">
<div><span id="info_01" class="info" visibility: hidden style="padding-right:3px; padding-top: 3px; display:inline-block;"> <img id = "img1" class="img" width="400" height="500" src="assets/shark1_stretching0001.png"></img> </span></div>
</div>
<div class="hidden_info">
<div><span id="info_02" class="info" visibility: hidden style="padding-right:3px; padding-top: 3px; display:inline-block;"> <img id = "img2" class="img" width="400" height="500" src="assets/shark2_stretching0001.png"></img> </span></div>
</div>
<div class="hidden_info">
<div><span id="info_03" class="info" visibility: hidden style="padding-right:3px; padding-top: 3px; display:inline-block;"> <img id = "img3" class="img" width="400" height="500" src="assets/shark3_stretching0001.png"></img> </span></div>
</div> -->
<span class="container1">
<a href="#" onclick="location.href='./game.html?sharktype=shark1'">
<img src="assets/shark1_stretching0001.png" alt="shark1" class="image1" style="width:2%">
</a>
<div class="bottom1">
<div class="text1">Bob</div>
</div>
</span>
<span class="container2">
<a href="#" onclick="location.href='./game.html?sharktype=shark2'">
<img src="assets/shark2_stretching0001.png" alt="shark2" class="image2" style="width:2%">
</a>
<div class="bottom2">
<div class="text2">Jack</div>
</div>
</span>
<span class="container3">
<a href="#" onclick="location.href='./game.html?sharktype=shark3'">
<img src="assets/shark3_stretching0001.png" alt="shark3" class="image3" style="width:2%">
</a>
<div class="bottom3">
<div class="text3">Lucy</div>
</div>
</span>
</body>
</html>