heyday-marketing-gmbh/kaltaquise-gamification
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added kidney_labe and Cyste_kid

Browse Source
This commit is contained in:
verboomp
2026-04-16 08:14:20 +02:00
parent aa66c030f8
commit 9cc8ac8cad
40 changed files with 6762 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
Cyst_Kid/index.html Normal file
View File

@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>Cyst-Kid</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="game-container">
<canvas id="gameCanvas"></canvas>
<div id="start-screen" class="overlay">
<div class="overlay-content">
<h1 class="game-title">CYST-KID</h1>
<p class="start-text">STARTTEXT FOLGT NOCH</p>
<div class="controls-info">
<p>Steuerung: Pfeiltasten / WASD</p>
<p>Sprint: Shift</p>
<p>ESC: Zurück zum Start</p>
</div>
<button id="startBtn" class="arcade-btn">START</button>
</div>
</div>
<div id="level-complete-screen" class="overlay" style="display:none">
<div class="overlay-content">
<h2 class="level-text">LEVEL GESCHAFFT!</h2>
<p id="level-score-text"></p>
<button id="nextLevelBtn" class="arcade-btn">NÄCHSTES LEVEL (Enter)</button>
</div>
</div>
<div id="game-over-screen" class="overlay" style="display:none">
<div class="overlay-content">
<h2 class="gameover-text">GAME OVER</h2>
<p class="lose-text">Schade - verloren. Versuche es noch einmal.</p>
<p id="go-score-text"></p>
<button id="restartBtn" class="arcade-btn">NOCHMAL (Enter)</button>
</div>
</div>
<div id="win-screen" class="overlay" style="display:none">
<div class="overlay-content">
<h2 class="win-text">GEWONNEN!</h2>
<p class="win-msg">Herzlichen Glückwunsch - du hast gewonnen.<br>Trage dich mit deinem Namen in das Ranking von Cyst-Kid ein.</p>
<input type="text" id="playerName" placeholder="Dein Name" maxlength="20" class="name-input">
<button id="submitScoreBtn" class="arcade-btn">EINTRAGEN</button>
<div id="ranking-table-container"></div>
<button id="playAgainBtn" class="arcade-btn" style="display:none">NOCHMAL SPIELEN</button>
</div>
</div>
</div>
<!-- Mobile Joystick -->
<div id="touch-controls">
<div id="joystick-base">
<span class="joy-arrow joy-up">▲</span>
<span class="joy-arrow joy-right">▶</span>
<span class="joy-arrow joy-down">▼</span>
<span class="joy-arrow joy-left">◀</span>
<div id="joystick-knob"></div>
</div>
</div>
<script src="js/constants.js"></script>
<script src="js/sound.js"></script>
<script src="js/game.js"></script>
<script src="js/movement.js"></script>
<script src="js/render.js"></script>
<script src="js/screen-start.js"></script>
<script src="js/screen-level-complete.js"></script>
<script src="js/screen-game-over.js"></script>
<script src="js/screen-win.js"></script>
</body>
</html>