1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Neon Gravity Runner - The Ultimate Gravity-Defying Experience</title> 7 <meta name="description" content="An intense browser-based gravity-switching game with neon aesthetics"> 8 <link rel="stylesheet" href="style.css"> 9</head> 10<body> 11 <canvas id="gameCanvas"></canvas> 12 13 <!-- Main Menu --> 14 <div id="mainMenu" class="menu"> 15 <h1>NEON RUNNER</h1> 16 <p class="subtitle">Defy Gravity. Chase Glory.</p> 17 <button class="menu-button" onclick="startGame()">START GAME</button> 18 <button class="menu-button secondary" onclick="showSettings()">SETTINGS</button> 19 <button class="menu-button secondary" onclick="showStats()">STATISTICS</button> 20 <button class="menu-button secondary" onclick="showHelp()">HOW TO PLAY</button> 21 </div> 22 23 <!-- Settings Menu --> 24 <div id="settingsMenu" class="menu hidden"> 25 <h1>SETTINGS</h1> 26 <div class="settings-grid"> 27 <div class="setting-item"> 28 <label>Difficulty</label> 29 <select id="difficultySelect"> 30 <option value="easy">Easy</option> 31 <option value="normal" selected>Normal</option> 32 <option value="hard">Hard</option> 33 <option value="insane">Insane</option> 34 </select> 35 </div> 36 <div class="setting-item"> 37 <label>Visual Effects</label> 38 <select id="effectsSelect"> 39 <option value="high" selected>High</option> 40 <option value="medium">Medium</option> 41 <option value="low">Low</option> 42 </select> 43 </div> 44 <div class="setting-item"> 45 <label>Particle Density</label> 46 <input type="range" id="particleSlider" min="0" max="100" value="75"> 47 </div> 48 <div class="setting-item"> 49 <label>Screen Shake</label> 50 <select id="shakeSelect"> 51 <option value="on" selected>On</option> 52 <option value="off">Off</option> 53 </select> 54 </div> 55 </div> 56 <button class="menu-button" onclick="saveSettings()">SAVE & RETURN</button> 57 </div> 58 59 <!-- Stats Menu --> 60 <div id="statsMenu" class="menu hidden"> 61 <h1>STATISTICS</h1> 62 <div class="stats-container"> 63 <div class="stat-row"> 64 <span class="label">High Score:</span> 65 <span class="value" id="highScoreStat">0</span> 66 </div> 67 <div class="stat-row"> 68 <span class="label">Total Games Played:</span> 69 <span class="value" id="gamesPlayedStat">0</span> 70 </div> 71 <div class="stat-row"> 72 <span class="label">Total Time Played:</span> 73 <span class="value" id="timePlayedStat">0m</span> 74 </div> 75 <div class="stat-row"> 76 <span class="label">Obstacles Dodged:</span> 77 <span class="value" id="obstaclesDodgedStat">0</span> 78 </div> 79 <div class="stat-row"> 80 <span class="label">Power-Ups Collected:</span> 81 <span class="value" id="powerUpsCollectedStat">0</span> 82 </div> 83 <div class="stat-row"> 84 <span class="label">Perfect Dodges:</span> 85 <span class="value" id="perfectDodgesStat">0</span> 86 </div> 87 <div class="stat-row"> 88 <span class="label">Current Level:</span> 89 <span class="value" id="currentLevelStat">1</span> 90 </div> 91 </div> 92 <button class="menu-button danger" onclick="resetStats()">RESET STATS</button> 93 <button class="menu-button" onclick="hideStats()">BACK</button> 94 </div> 95 96 <!-- Help Menu --> 97 <div id="helpMenu" class="menu hidden"> 98 <h1>HOW TO PLAY</h1> 99 <div class="stats-container" style="text-align: left;"> 100 <p style="color: #00D9FF; margin-bottom: 15px;"> 101 ð® <strong>CONTROLS:</strong><br> 102 ⢠Press SPACE or Click to switch gravity<br> 103 ⢠ESC to pause the game<br><br> 104 105 ð¯ <strong>OBJECTIVE:</strong><br> 106 ⢠Dodge red spikes by switching between floor and ceiling<br>
107 ⢠Collect green power-ups for shields and bonuses<br> 108 ⢠Survive as long as possible to increase your score<br><br> 109 110 â¡ <strong>POWER-UPS:</strong><br> 111 ⢠ð¡ï¸ Shield: Protects you from one hit<br> 112 ⢠â±ï¸ Slow-Mo: Slows down obstacles temporarily<br> 113 ⢠â Star: Bonus points multiplier<br><br> 114 115 ð <strong>PROGRESSION:</strong><br> 116 ⢠Game speeds up every 500 points<br> 117 ⢠Unlock new levels and themes<br> 118 ⢠Earn achievements for special feats 119 </p> 120 </div> 121 <button class="menu-button" onclick="hideHelp()">GOT IT!</button> 122 </div> 123 124 <!-- Pause Menu --> 125 <div id="pauseMenu" class="menu hidden"> 126 <h1>PAUSED</h1> 127 <p class="subtitle">Take a breath...</p> 128 <button class="menu-button" onclick="resumeGame()">RESUME</button> 129 <button class="menu-button secondary" onclick="restartFromPause()">RESTART</button> 130 <button class="menu-button danger" onclick="quitToMenu()">QUIT TO MENU</button> 131 </div> 132 133 <!-- Achievement Popup --> 134 <div id="achievementPopup" class="achievement-popup"> 135 <h3>ð Achievement Unlocked!</h3> 136 <p id="achievementText">You did something amazing!</p> 137 </div> 138 139
139<script src="game.js"></script>
139 140</body> 141</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.