-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (101 loc) · 7.4 KB
/
index.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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Snake vs Snake version 1.1.2</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./Snake_Vs_Snake_version1.1.2_files/SvS_Style.css">
<style>
html, body {
height: 100%;
margin: 0;
}
body {
background-image: url(Snake_Vs_Snake_version1.1.2_files/IMGS/13c7a16c1471a3d90b8e0bc5ee652afd.gif);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
}
canvas {
position: fixed;
border: 1px dashed white;
}
</style>
</head>
<body id="GameScript">
<script>
var vid = document.getElementById("BGM");
function playVid() {
vid.play();
}
function pauseVid() {
vid.pause();
}
</script>
<audio loop="true" id="Chika" src="Snake_Vs_Snake_version1.1.2_files/Audio/Chika.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="ALA" src="Snake_Vs_Snake_version1.1.2_files/Audio/ALA.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="Bunny" src="Snake_Vs_Snake_version1.1.2_files/Audio/AsamiSeto-FukashigiNoCarte.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="ASV" src="Snake_Vs_Snake_version1.1.2_files/Audio/ASV.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="Calm" src="Snake_Vs_Snake_version1.1.2_files/Audio/Calm.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="Chibi" src="Snake_Vs_Snake_version1.1.2_files/Audio/ChibiKun.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="Clueless" src="Snake_Vs_Snake_version1.1.2_files/Audio/Clueless.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="Cuddles" src="Snake_Vs_Snake_version1.1.2_files/Audio/Cuddles.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="Holliday" src="Snake_Vs_Snake_version1.1.2_files/Audio/Holliday.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="JESL" src="Snake_Vs_Snake_version1.1.2_files/Audio/JESL.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="MET" src="Snake_Vs_Snake_version1.1.2_files/Audio/MET.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="MTTB" src="Snake_Vs_Snake_version1.1.2_files/Audio/MTTB.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="ONB" src="Snake_Vs_Snake_version1.1.2_files/Audio/OsokuNariBaibu.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="PRB" src="Snake_Vs_Snake_version1.1.2_files/Audio/PRBass.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="Shure" src="Snake_Vs_Snake_version1.1.2_files/Audio/Shure.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="Swift" src="Snake_Vs_Snake_version1.1.2_files/Audio/Swift.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="SLC" src="Snake_Vs_Snake_version1.1.2_files/Audio/SyncLOLcover.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="TheHeat" src="Snake_Vs_Snake_version1.1.2_files/Audio/TheHeat.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="TLAR" src="Snake_Vs_Snake_version1.1.2_files/Audio/TLAR.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="XKproX" src="Snake_Vs_Snake_version1.1.2_files/Audio/XKproX.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="ZSFM" src="Snake_Vs_Snake_version1.1.2_files/Audio/ZSFM.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="Magic" src="Snake_Vs_Snake_version1.1.2_files/Audio/Magic.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="Silent" src="Snake_Vs_Snake_version1.1.2_files/Audio/silence.mp3" type="audio/mpeg"></audio>
<audio loop="true" id="ELL" src="Snake_Vs_Snake_version1.1.2_files/Audio/ElfenLied-Lilum.mp3" type="audio/mpeg"></audio>
<div class="w3-sidebar" id="sidenav">
<h2 class="left">BGM</h2>
<script src="./Snake_Vs_Snake_version1.1.2_files/SingleAudio.js.download"></script>
<a target="_top" onclick="Silence();">{STOP BGM}</a>
<a target="_top" onclick="document.getElementById('ALA').play();">Ambient Lights</a>
<a target="_top" onclick="document.getElementById('Bunny').play();">Asami Seto- Fukashigi No Carte</a>
<a target="_top" onclick="document.getElementById('ASV').play();">A Soft Voice</a>
<a target="_top" onclick="document.getElementById('Calm').play();">Calm</a>
<a target="_top" onclick="document.getElementById('Chibi').play();">Chibi-Kun 「ちび九ん」</a>
<a target="_top" onclick="document.getElementById('Chika').play();">Kaguya-sama Love Is War- Chika Dance Song</a>
<a target="_top" onclick="document.getElementById('Clueless').play();">Clueless</a>
<a target="_top" onclick="document.getElementById('Cuddles').play();">Cuddles</a>
<a target="_top" onclick="document.getElementById('Holliday').play();">Holliday</a>
<a target="_top" onclick="document.getElementById('MTTB').play();">March To The Beat</a>
<a target="_top" onclick="document.getElementById('ONB').play();">Osoku Nari Baibu 「遅くなりバイブ」</a>
<a target="_top" onclick="document.getElementById('PRB').play();">Preset Remix</a>
<a target="_top" onclick="document.getElementById('Shure').play();">Shure</a>
<a target="_top" onclick="document.getElementById('Swift').play();">Swift</a>
<a target="_top" onclick="document.getElementById('SLC').play();">Lol- Sync (Guitar Playover)</a>
<a target="_top" onclick="document.getElementById('TheHeat').play();">The Heat</a>
<a target="_top" onclick="document.getElementById('TLAR').play();">Shibayan Records- Tiny Little Adiantum(Remix)</a>
<a target="_top" onclick="document.getElementById('XKproX').play();">XKproX</a>
<a target="_top" onclick="document.getElementById('ZSFM').play();">Zack Shuemake's Funeral Music</a>
<a target="_top" onclick="document.getElementById('Magic').play();">Magic</a>
<a target="_top" onclick="document.getElementById('ELL').play();">Elfen Lied- Lilum</a>
<br>
<br><br>
</div>
<canvas width="400" height="400" id="game" class="glow"></canvas>
<script id="Game1" src="./Snake_Vs_Snake_version1.1.2_files/SvS_SourceCode.js.download"></script>
<script src="./Snake_Vs_Snake_version1.1.2_files/FullScreen.js.download"></script>
<div class="glow" style="position: fixed; top: 15px; border: 2px solid white;">SNAKE VS. SNAKE!!!</div>
<div id="glow" class="Instructions" style="position: absolute">
WASD to move the purple snake. IJKL to move the red snake. Press "N" to reset the game. Click the board before playing to control the snakes. The goal of the game is to be the first one to get your snake 21 units long.
If the head of the snakes collide, both snakes will be reduced to three units and randomly placed on the board. Colliding with yourself will
reset the snake. The leading snake (green) will not be able to warp walls and will reset on contact. Updates for this game will be released or posed so be
sure to check for newer versions of this game to come. I appreciate your support by playing my game and/or editing my code. <i>(<b>CHALLENGE</b>)</i> control both snakes simultaneously if playing alone. P.S.... Try holding "R"</div>
<div class="btnHov BtnDiv">
<button name="button" value="OK" type="button" onclick="resetbutton()">Reset</button>
<button name="button" value="OK" type="button" onclick="randombutton()">Random</button>
<button name="button" id="FullScreenText" onclick="toggleFullScreen('GameScript'); return false">FullScreen <b>(J)</b></button>
</div>
</body></html>