Skip to content

Commit df35783

Browse files
kvizdoskvizdos
committed
SUUPER SEECREEET GAME! (dont look xD)
1 parent 2d00f92 commit df35783

File tree

4 files changed

+221
-0
lines changed

4 files changed

+221
-0
lines changed

‎games/lasers/index.html‎

Lines changed: 138 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,138 @@
1+
<html>
2+
<head>
3+
<title>Lasers - An Original Game By Kenton Vizdos</title>
4+
5+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
6+
7+
<style>
8+
* {
9+
overflow: hidden;
10+
}
11+
#player-container {
12+
position: absolute;
13+
left: 50%;
14+
background-color: red;
15+
width: 100px;
16+
height: 100px;
17+
z-index: 5;
18+
19+
}
20+
.player {
21+
z-index: 5;
22+
23+
}
24+
25+
.laser-shooter {
26+
position: relative;
27+
z-index: 0;
28+
width: 125px;
29+
background-color: rgb(198, 136, 0);
30+
left: -5px;
31+
margin-top: 125px;
32+
top: 0;
33+
height: 50px;
34+
overflow: visible;
35+
36+
}
37+
38+
#laserbeam {
39+
position: absolute;
40+
z-index: 5;
41+
42+
width: 100vw;
43+
background-color: rgb(250, 0, 0);
44+
height: 10px;
45+
top: 20px;
46+
}
47+
48+
#prelaserbeam {
49+
position: absolute;
50+
z-index: 5;
51+
52+
width: 100vw;
53+
background-color: rgba(255, 168, 0, 0.7);
54+
height: 10px;
55+
top: 20px;
56+
}
57+
58+
.laser {
59+
display: none;
60+
}
61+
62+
63+
#game-container {
64+
width: 99%;
65+
height: 98%;
66+
max-width: 100000px;
67+
padding: 5px;
68+
background-color: rgb(191, 188, 205);
69+
border: 5px solid black;
70+
}
71+
72+
#footer {
73+
margin-top: 20px;
74+
height: 100%;
75+
width: 100%;
76+
background-color: rgb(113, 113, 113);
77+
text-align: center;
78+
padding-top: 10px;
79+
}
80+
81+
#footer a {
82+
color: white;
83+
}
84+
</style>
85+
</head>
86+
87+
<body>
88+
<div id="game-container">
89+
<div id="player-container">
90+
<div class="player"></div>
91+
</div>
92+
93+
<div class="laser-shooter">
94+
<div id="laserbeam" class="laser">
95+
</div>
96+
<div id="prelaserbeam" class="prelaser">
97+
</div>
98+
</div>
99+
100+
<div class="laser-shooter">
101+
<div id="laserbeam" class="laser">
102+
</div>
103+
<div id="prelaserbeam" class="prelaser">
104+
</div>
105+
</div>
106+
107+
<div class="laser-shooter">
108+
<div id="laserbeam" class="laser">
109+
</div>
110+
<div id="prelaserbeam" class="prelaser">
111+
</div>
112+
</div>
113+
114+
<div class="laser-shooter">
115+
<div id="laserbeam" class="laser">
116+
</div>
117+
<div id="prelaserbeam" class="prelaser">
118+
</div>
119+
</div>
120+
121+
122+
<div class="laser-shooter">
123+
<div id="laserbeam" class="laser">
124+
</div>
125+
<div id="prelaserbeam" class="prelaser">
126+
</div>
127+
</div>
128+
<div id="footer">
129+
<a href="http://www.therotg.com/games/">More Games By Me</a>
130+
</div>
131+
</div>
132+
</body>
133+
<script src="js/movement.js"></script>
134+
<script src="js/deathtrigger.js"></script>
135+
<script src="js/laserpicker.js"></script>
136+
137+
138+
</html>

‎games/lasers/js/deathtrigger.js‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
var player = document.getElementById('player-container');
2+
3+
function collision($div1, $div2) {
4+
var x1 = $div1.offset().left;
5+
var y1 = $div1.offset().top;
6+
var h1 = $div1.outerHeight(true);
7+
var w1 = $div1.outerWidth(true);
8+
var b1 = y1 + h1;
9+
var r1 = x1 + w1;
10+
var x2 = $div2.offset().left;
11+
var y2 = $div2.offset().top;
12+
var h2 = $div2.outerHeight(true);
13+
var w2 = $div2.outerWidth(true);
14+
var b2 = y2 + h2;
15+
var r2 = x2 + w2;
16+
17+
if (b1 < y2 || y1 > b2 || r1 < x2 || x1 > r2) return false;
18+
return true;
19+
}
20+
window.setInterval(function(){
21+
22+
if(collision($('#player-container'), $('#laserbeam')) == true) {
23+
player.style.top = 0;
24+
} else {
25+
console.log("you goochie");
26+
}
27+
28+
}, 200);

‎games/lasers/js/laserpicker.js‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
var laser = Math.floor(Math.random() * 6) + 1;
2+
var laserinuse = 0;
3+
function sleep(ms) {
4+
return new Promise(resolve => setTimeout(resolve, ms));
5+
}
6+
7+
setInterval(function(){
8+
var random = Math.floor(Math.random() * $('.laser').length);
9+
10+
$('.prelaser').hide().eq(random).show();
11+
12+
sleep(1500).then(() => {
13+
$('.laser').hide().eq(random).show();
14+
15+
});
16+
17+
18+
}, 1500);

‎games/lasers/js/movement.js‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
var speed = 10;
2+
var move = false;
3+
4+
var player = document.getElementById('player-container');
5+
var mouseDown = 0;
6+
7+
document.body.onmousedown = function() {
8+
++mouseDown;
9+
}
10+
document.body.onmouseup = function() {
11+
--mouseDown;
12+
}
13+
14+
setInterval(function(){
15+
if($('#player-container').offset().top > 15) {
16+
if(mouseDown) {
17+
speed = speed - 2;
18+
player.style.top = speed;
19+
} else {
20+
if(($("#player-container").offset().top + 119) > $('#footer').height() - 65) {
21+
if(mouseDown == false) {
22+
speed = speed - 0;
23+
player.style.top = speed;
24+
}
25+
} else {
26+
speed = speed + 2;
27+
player.style.top = speed;
28+
}
29+
}
30+
31+
} else {
32+
if(mouseDown == false) {
33+
speed = speed + 2;
34+
player.style.top = speed;
35+
}
36+
}
37+
}, 5);

0 commit comments

Comments
 (0)