csd4ni3l/loginween
1
0
Fork 0
mirror of https://github.com/csd4ni3l/loginween.git synced 2025-11-05 05:58:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@@ -1,4 +1,5 @@
LoginWeen is an app where you login/register with a halloween pumpkin carving as a password. 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 Live Demo: https://loginween.csd4ni3l.hu

BIN
static/graphics/bird.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

33
static/js/pumpkin_memory.js
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")) 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 total = pumpkin_pairs * 2;
const pumpkin_size = 100; const pumpkin_size = 100;
const space_between = 10; 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 rows = Math.ceil(total / cols);
const grid_width = cols * (pumpkin_size + space_between) - space_between; const grid_width = cols * (pumpkin_size + space_between) - space_between;
const grid_height = rows * (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) { if ((elapsed / 1000).toFixed(1) < best_time) {
best_time = (elapsed / 1000).toFixed(1); 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); create_label(520, 320, `You win!\nTime took: ${(elapsed / 1000).toFixed(1)} s Best Time: ${best_time_display}`, 48);
return; return;
@@ -108,7 +107,7 @@ function setup_game() {
wait(0.5, () => { wait(0.5, () => {
if (found_pair == null) { if (found_pair == null) {
clearInterval(timer_interval_id); clearInterval(timer_interval_id);
go("game", pumpkin_pairs, arr, [], found_pairs, start); go("game", difficulty, arr, [], found_pairs, start);
} }
else { else {
destroy(sprite); destroy(sprite);
@@ -125,7 +124,7 @@ function setup_game() {
btn.scale = 1.1; btn.scale = 1.1;
tween(btn.scale, 1, 0.2, (val) => btn.scale = val); tween(btn.scale, 1, 0.2, (val) => btn.scale = val);
clearInterval(timer_interval_id); 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", () => { scene("play", () => {
create_label(WIDTH / 2 - 16 * "Difficulty Selector".length, HEIGHT / 8, "Difficulty Selector", 56); create_label(WIDTH / 2 - 16 * "Difficulty Selector".length, HEIGHT / 8, "Difficulty Selector", 56);
vertical_buttons(WIDTH / 4, HEIGHT / 4, [ vertical_buttons(WIDTH / 4, HEIGHT / 4, [
["Easy", color(127, 127, 127), color(0, 0, 0, 0), scene_lambda("game", 5)], ["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", 10)], ["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", 15)], ["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", 20)] ["Extra Hard", color(127, 127, 127), color(0, 0, 0, 0), scene_lambda("game", "extrahard")]
], WIDTH / 2, HEIGHT / 8, HEIGHT / 50) ], WIDTH / 2, HEIGHT / 8, HEIGHT / 50)
}); });

67
static/js/pumpkin_roll.js
View File

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

20
templates/profile.jinja2
View File

@@ -32,6 +32,11 @@
{% if logged_in_account %} {% if logged_in_account %}
<p class="mb-1">Logged in as: {{ username }}</p> <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 %} {% endif %}
</div> </div>
</div> </div>
@@ -93,7 +98,18 @@
</div> </div>
<script> <script>
setup_pumpkin("current_pumpkin_canvas", "currentclearBtn", "currentlightBtn", "change_pattern_form", "current_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 }}) 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> </script>
{% endblock body %} {% endblock body %}