archive/unibutton
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add death

Browse source
This commit is contained in:
biglyderv 2024-09-27 22:21:01 -04:00
parent 476da443b7
commit 2da4adff84
No known key found for this signature in database
GPG key ID: 33AC87E9ACE66954
4 changed files with 44 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
index.css
View file

@ -34,10 +34,8 @@ p {
.message {
position: relative;
margin-bottom: -1024px;
bottom: 1024px;
width: 1024px;
height: 1024px;
margin-bottom: -768px;
bottom: 768px;
display: flex;
flex-direction: column;
@ -61,7 +59,7 @@ p {
padding: 10px;
}
#canvas {
#canvas, .message {
width: 768px;
height: 768px;
/*image-rendering: pixelated;*/
@ -73,8 +71,13 @@ section#main {
}
@media (max-width: 1920px) {
#canvas {
#canvas, .message {
width: min(512px, 90vw);
height: min(512px, 90vw);
}
.message {
margin-bottom: min(512px, 90vw);
bottom: min(512px, 90vw);
}
}

5
index.html
View file

@ -9,9 +9,12 @@
<body>
<section id='main'>
<h1>UniButton</h1>
<p>The <b>left mouse</b> is the only button. Click to launch... figure out the rest of the combos yourself.</p>
<p><i>By <a href='https://zenoverse.net/'>Onez</a>, more games at <a
href='https://discord.gg/mZDzJ6HD9N'>Discord</a></i></p>
<div>
<canvas id='canvas'></canvas>
<div class='message' style='display: none;'><span>You died in the Void...</span></div>
<div class='message' style='display: none;'><span>You are dead.</span></div>
</div>
<div class='ui-text'>
placeholder

30
js/index.js
View file

@ -30,14 +30,21 @@ function Game() {
}
Game.prototype.main = function () {
let { entities, player } = this;
if (player.health <= 0) {
document.querySelector('.message').style.display = 'flex';
return;
} else {
}
for (let ent of entities) {
ent.pos.x += ent.vel.x;
ent.pos.y += ent.vel.y;
ent.vel.x *= 0.8;
ent.vel.y *= 0.8;
ent.vel.x *= 0.9;
ent.vel.y *= 0.9;
ent.rot += 0.03 * ent.dir;
ent.rot = ent.rot % (Math.PI * 10);
@ -47,16 +54,24 @@ Game.prototype.main = function () {
ent.ticks++;
let dist = ((ent.pos.x - player.pos.x) ** 2) + ((ent.pos.y - player.pos.y) ** 2);
let dp = (Math.sin(ent.rot) * (ent.pos.x - player.pos.x))
- (Math.cos(ent.rot) * (ent.pos.y - player.pos.y));
dp /= ((ent.pos.x - player.pos.x) ** 2) + ((ent.pos.y - player.pos.y) ** 2);
dp /= dist;
dp *= 30;
dp *= 10;
if (Math.random() < -dp && Math.random() > 5 / (ent.ticks+2)) {
if (ent == player) continue;
if (Math.random() < -dp && Math.random() > 3 / (ent.ticks+2)) {
ent.bump();
}
if (Math.sqrt(dist) < 96 / 2) {
player.health --;
}
}
}
@ -85,6 +100,10 @@ Game.prototype.render = function () {
ctx.restore();
}
Game.prototype.ui = function() {
document.querySelector('.ui-text').textContent = `HP: ${this.player.health}`
}
Game.prototype.click = function () {
let { player } = this;
@ -95,5 +114,6 @@ var game = new Game();
setInterval(function () { game.main() }, 1000 / 60);
setInterval(function () { game.render() }, 1000 / 60);
setInterval(function () { game.ui() }, 1000 / 10);
game.canvas.onclick = () => game.click();

10
js/player.js
View file

@ -9,6 +9,8 @@ function Player() {
this.rot = 0;
this.dir = 1;
this.ticks = 0;
this.health = 100;
}
Player.prototype.bump = function () {
@ -18,11 +20,11 @@ Player.prototype.bump = function () {
player.dir *= -1;
}
player.vel.x *= 0.6;
player.vel.y *= 0.6;
player.vel.x *= 0.9;
player.vel.y *= 0.9;
player.vel.x += Math.sin(player.rot) * 25;
player.vel.y -= Math.cos(player.rot) * 25;
player.vel.x += Math.sin(player.rot) * 8;
player.vel.y -= Math.cos(player.rot) * 8;
player.ticks = 0;
}