Improve README, add bird enemy to pumpkin roll and finish it, add high scores to profile

This commit is contained in:
csd4ni3l
2025-11-02 18:02:30 +01:00
parent f056977548
commit 7094603bd7
5 changed files with 79 additions and 42 deletions

View File

@@ -1,4 +1,5 @@
LoginWeen is an app where you login/register with a halloween pumpkin carving as a password.
There are 2 minigames you can play after, or you can check out the countdown to the next Loginween!
Live Demo: https://loginween.csd4ni3l.hu

BIN
static/graphics/bird.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

View File

@@ -14,22 +14,21 @@ function setup_game() {
},
};
scene("game", (pumpkin_pairs, pumpkin_array, revealed, found_pairs, start) => {
scene("game", (difficulty, pumpkin_array, revealed, found_pairs, start) => {
create_button(5, 5, 150, 75, "Back", color(127, 127, 127), color(0, 0, 0, 0), scene_lambda("main_menu"))
let cols;
switch (difficulty) {
case "easy": pumpkin_pairs = 5; cols = 5; break;
case "medium": pumpkin_pairs = 10; cols = 4; break;
case "hard": pumpkin_pairs = 15; cols = 5; break;
case "extrahard": pumpkin_pairs = 20; cols = 10; break;
}
const total = pumpkin_pairs * 2;
const pumpkin_size = 100;
const space_between = 10;
let cols;
switch (pumpkin_pairs) {
case 5: cols = 5; break;
case 10: cols = 4; break;
case 15: cols = 5; break;
case 20: cols = 10; break;
default: cols = Math.ceil(Math.sqrt(pumpkin_pairs * 2));
}
const rows = Math.ceil(total / cols);
const grid_width = cols * (pumpkin_size + space_between) - space_between;
const grid_height = rows * (pumpkin_size + space_between) - space_between;
@@ -88,7 +87,7 @@ function setup_game() {
if ((elapsed / 1000).toFixed(1) < best_time) {
best_time = (elapsed / 1000).toFixed(1);
}
localStorage.setItem(`memory_best_${pumpkin_pairs}`, best_time);
localStorage.setItem(`memory_best_${difficulty}`, best_time);
create_label(520, 320, `You win!\nTime took: ${(elapsed / 1000).toFixed(1)} s Best Time: ${best_time_display}`, 48);
return;
@@ -108,7 +107,7 @@ function setup_game() {
wait(0.5, () => {
if (found_pair == null) {
clearInterval(timer_interval_id);
go("game", pumpkin_pairs, arr, [], found_pairs, start);
go("game", difficulty, arr, [], found_pairs, start);
}
else {
destroy(sprite);
@@ -125,7 +124,7 @@ function setup_game() {
btn.scale = 1.1;
tween(btn.scale, 1, 0.2, (val) => btn.scale = val);
clearInterval(timer_interval_id);
go("game", pumpkin_pairs, arr, revealed.concat([index]), found_pairs, start);
go("game", difficulty, arr, revealed.concat([index]), found_pairs, start);
})
}
}
@@ -135,10 +134,10 @@ function setup_game() {
scene("play", () => {
create_label(WIDTH / 2 - 16 * "Difficulty Selector".length, HEIGHT / 8, "Difficulty Selector", 56);
vertical_buttons(WIDTH / 4, HEIGHT / 4, [
["Easy", color(127, 127, 127), color(0, 0, 0, 0), scene_lambda("game", 5)],
["Medium", color(127, 127, 127), color(0, 0, 0, 0), scene_lambda("game", 10)],
["Hard", color(127, 127, 127), color(0, 0, 0, 0), scene_lambda("game", 15)],
["Extra Hard", color(127, 127, 127), color(0, 0, 0, 0), scene_lambda("game", 20)]
["Easy", color(127, 127, 127), color(0, 0, 0, 0), scene_lambda("game", "easy")],
["Medium", color(127, 127, 127), color(0, 0, 0, 0), scene_lambda("game", "medium")],
["Hard", color(127, 127, 127), color(0, 0, 0, 0), scene_lambda("game", "hard")],
["Extra Hard", color(127, 127, 127), color(0, 0, 0, 0), scene_lambda("game", "extrahard")]
], WIDTH / 2, HEIGHT / 8, HEIGHT / 50)
});

View File

@@ -1,11 +1,24 @@
function spawn_enemy() {
let enemy_type = "tombstone";
const enemy_width = 140;
const enemy_height = 120;
function spawn_enemy(enemy_type) {
let enemy_width;
let enemy_height;
let start_y;
if (enemy_type == "tombstone") {
scale_f = scale(0.05);
start_y = 720;
enemy_width = 140;
enemy_height = 120;
}
else {
scale_f = scale(0.5);
start_y = 600;
enemy_width = 148;
enemy_height = 147;
}
const enemy_sprite = add([
sprite(enemy_type),
pos(1280 - enemy_width, 720 - enemy_height),
scale(0.05),
pos(1280 - enemy_width, start_y - enemy_height),
scale_f,
area(),
"enemy"
]);
@@ -23,6 +36,8 @@ function spawn_enemy() {
function setup_game() {
loadSprite("pumpkin", "/static/graphics/pumpkin.png");
loadSprite("tombstone", "/static/graphics/tombstone.png");
loadSprite("bird", "/static/graphics/bird.png");
const SETTINGS = {
"Graphics": {
"Anti-Aliasing": {"type": "bool", "default": "true"},
@@ -47,7 +62,7 @@ function setup_game() {
let score = 0;
let high_score = localStorage.getItem("pumpkin_roll_highscore");
let game_over = false;
let enemys = [];
let enemies = [];
let last_enemy_spawn = performance.now();
const score_label = create_label(480, 10, `Score: ${score} High Score: ${high_score}`);
@@ -73,21 +88,27 @@ function setup_game() {
if (game_over) return;
game_over = true;
for (let enemy of enemys) {
for (let enemy of enemies) {
destroy(enemy);
}
create_label(520, 320, `Game Over!\nScore: ${Math.floor(score)}\nHigh Score: ${high_score}`, 48);
})
enemy_spawn_with_check = () => {
if (game_over) {
return
enemy_spawn_with_check = (count) => {
const enemy_type = Math.random() < 0.75 ? "tombstone" : "bird";
for (let i = 0; i < count; i++) {
if (game_over) {
return
}
setTimeout(() => {
enemies.push(spawn_enemy(enemy_type));
}, i * 150);
}
enemys.push(spawn_enemy())
}
spawn_enemy();
enemy_spawn_with_check(1);
pumpkin_sprite.onUpdate(() => {
if (game_over) return;
@@ -104,16 +125,13 @@ function setup_game() {
last_enemy_spawn = performance.now();
const random = Math.random();
if (random < 0.2) {
enemys.push(spawn_enemy());
setTimeout(enemy_spawn_with_check, 150);
setTimeout(enemy_spawn_with_check, 300);
enemy_spawn_with_check(3);
}
else if (random < 0.5) {
enemys.push(spawn_enemy());
setTimeout(enemy_spawn_with_check, 150);
enemy_spawn_with_check(2);
}
else {
enemys.push(spawn_enemy());
enemy_spawn_with_check(1);
}
}
@@ -122,10 +140,13 @@ function setup_game() {
pumpkin_sprite.isJumping = true;
}
pumpkin_sprite.angle = (pumpkin_sprite.angle + dt() * 270) % 360;
if (!pumpkin_sprite.isJumping) return;
if (pumpkin_sprite.isJumping) {
pumpkin_sprite.angle = (pumpkin_sprite.angle + dt() * 360) % 360;
}
else {
pumpkin_sprite.angle = (pumpkin_sprite.angle + dt() * 180) % 360;
return;
}
pumpkin_sprite.vy += GRAVITY * dt();
pumpkin_sprite.pos.y += pumpkin_sprite.vy * dt();

View File

@@ -32,6 +32,11 @@
{% if logged_in_account %}
<p class="mb-1">Logged in as: {{ username }}</p>
<p class="mb-1" id="pumpkin_roll_highscore">Pumpkin Roll High Score: Loading...</p>
<p class="mb-1" id="memory_best_easy">Pumpkin Memory (Easy) Best Time: Loading...</p>
<p class="mb-1" id="memory_best_medium">Pumpkin Memory (Medium) Best Time: Loading...</p>
<p class="mb-1" id="memory_best_hard">Pumpkin Memory (Hard) Best Time: Loading...</p>
<p class="mb-1" id="memory_best_extrahard">Pumpkin Memory (Extra hard) Best Time: Loading...</p>
{% endif %}
</div>
</div>
@@ -93,7 +98,18 @@
</div>
<script>
setup_pumpkin("current_pumpkin_canvas", "currentclearBtn", "currentlightBtn", "change_pattern_form", "current_pattern_field", {{ grid_size }})
setup_pumpkin("new_pumpkin_canvas", "newclearBtn", "newlightBtn", "change_pattern_form", "new_pattern_field", {{ grid_size }})
setup_pumpkin("current_pumpkin_canvas", "currentclearBtn", "currentlightBtn", "change_pattern_form", "current_pattern_field", {{ grid_size }});
setup_pumpkin("new_pumpkin_canvas", "newclearBtn", "newlightBtn", "change_pattern_form", "new_pattern_field", {{ grid_size }});
pumpkin_roll_highscore = localStorage.getItem("pumpkin_roll_highscore") || "None"
memory_best_easy = localStorage.getItem("memory_best_easy") || "None"
memory_best_medium = localStorage.getItem("memory_best_medium") || "None"
memory_best_hard = localStorage.getItem("memory_best_hard") || "None"
memory_best_extrahard = localStorage.getItem("memory_best_extrahard") || "None"
document.getElementById("pumpkin_roll_highscore").textContent = `Pumpkin Roll High Score: ${pumpkin_roll_highscore}`
document.getElementById("memory_best_easy").textContent = `Pumpkin Memory (Easy) Best Time: ${memory_best_easy}`
document.getElementById("memory_best_medium").textContent = `Pumpkin Memory (Medium) Best Time: ${memory_best_medium}`
document.getElementById("memory_best_hard").textContent = `Pumpkin Memory (Hard) Best Time: ${memory_best_hard}`
document.getElementById("memory_best_extrahard").textContent = `Pumpkin Memory (Extra Hard) Best Time: ${memory_best_extrahard}`
</script>
{% endblock body %}