|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Rick & Morty Multiverse Madness</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
@keyframes portalSpin { |
|
|
0% { transform: rotate(0deg); } |
|
|
100% { transform: rotate(360deg); } |
|
|
} |
|
|
@keyframes float { |
|
|
0% { transform: translateY(0px); } |
|
|
50% { transform: translateY(-20px); } |
|
|
100% { transform: translateY(0px); } |
|
|
} |
|
|
@keyframes shake { |
|
|
0% { transform: translateX(0); } |
|
|
25% { transform: translateX(-5px); } |
|
|
50% { transform: translateX(5px); } |
|
|
75% { transform: translateX(-5px); } |
|
|
100% { transform: translateX(0); } |
|
|
} |
|
|
.portal { |
|
|
animation: portalSpin 4s linear infinite; |
|
|
} |
|
|
.floating { |
|
|
animation: float 3s ease-in-out infinite; |
|
|
} |
|
|
.shake { |
|
|
animation: shake 0.5s linear infinite; |
|
|
} |
|
|
.hidden { |
|
|
display: none !important; |
|
|
} |
|
|
.pixelated { |
|
|
image-rendering: pixelated; |
|
|
} |
|
|
.secret-btn { |
|
|
opacity: 0.05; |
|
|
transition: opacity 0.3s; |
|
|
} |
|
|
.secret-btn:hover { |
|
|
opacity: 1; |
|
|
} |
|
|
#gameContainer { |
|
|
background-image: url('https://i.imgur.com/8QZQZ9Q.png'); |
|
|
background-size: cover; |
|
|
background-position: center; |
|
|
} |
|
|
.dialog-box { |
|
|
background-color: rgba(0, 0, 0, 0.7); |
|
|
border: 3px solid #00ff00; |
|
|
border-radius: 10px; |
|
|
font-family: 'Courier New', monospace; |
|
|
} |
|
|
.plumbus { |
|
|
filter: drop-shadow(0 0 10px #ff00ff); |
|
|
} |
|
|
.meeseeks { |
|
|
filter: drop-shadow(0 0 5px #00ffff); |
|
|
} |
|
|
.rick-dance { |
|
|
animation: rickDance 0.5s steps(4) infinite; |
|
|
} |
|
|
@keyframes rickDance { |
|
|
0% { background-position: 0 0; } |
|
|
100% { background-position: -256px 0; } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-black text-green-400 font-mono overflow-x-hidden"> |
|
|
<div id="gameContainer" class="min-h-screen w-full flex flex-col items-center justify-center p-4 relative"> |
|
|
|
|
|
<div id="mainMenu" class="text-center"> |
|
|
<h1 class="text-6xl font-bold mb-8 text-purple-500 floating"> |
|
|
RICK & MORTY<br>MULTIVERSE MADNESS |
|
|
</h1> |
|
|
<div class="portal w-64 h-64 rounded-full border-8 border-teal-500 mx-auto mb-8 flex items-center justify-center"> |
|
|
<div class="w-56 h-56 rounded-full border-8 border-purple-500 flex items-center justify-center"> |
|
|
<div class="w-48 h-48 rounded-full border-8 border-blue-500 flex items-center justify-center"> |
|
|
<div class="w-40 h-40 rounded-full border-8 border-green-500"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="space-y-4"> |
|
|
<button onclick="startGame()" class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-8 rounded-full text-xl transition-all transform hover:scale-110"> |
|
|
START ADVENTURE |
|
|
</button> |
|
|
<button onclick="showMiniGames()" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full text-xl transition-all transform hover:scale-110"> |
|
|
MINI-GAMES |
|
|
</button> |
|
|
<button onclick="showEasterEggs()" class="bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-8 rounded-full text-xl transition-all transform hover:scale-110"> |
|
|
EASTER EGGS |
|
|
</button> |
|
|
<button onclick="rickRoll()" class="secret-btn bg-transparent text-transparent font-bold py-3 px-8 rounded-full text-xl"> |
|
|
SECRET BUTTON |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="mainGame" class="hidden w-full max-w-4xl"> |
|
|
<div class="flex justify-between items-center mb-6"> |
|
|
<div class="bg-black bg-opacity-70 p-3 rounded-lg"> |
|
|
<span class="text-xl">Dimension: <span id="dimensionDisplay" class="text-yellow-400">C-137</span></span> |
|
|
</div> |
|
|
<div class="bg-black bg-opacity-70 p-3 rounded-lg"> |
|
|
<span class="text-xl">Schmeckles: <span id="schmecklesDisplay" class="text-yellow-400">0</span></span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6"> |
|
|
<div class="bg-black bg-opacity-70 p-4 rounded-lg"> |
|
|
<h2 class="text-2xl font-bold mb-4 text-center">Characters</h2> |
|
|
<div class="space-y-3"> |
|
|
<button onclick="interactWithCharacter('rick')" class="w-full bg-gray-800 hover:bg-gray-700 p-2 rounded flex items-center"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-10 h-10 mr-2 rounded-full" alt="Rick"> |
|
|
<span>Rick Sanchez</span> |
|
|
</button> |
|
|
<button onclick="interactWithCharacter('morty')" class="w-full bg-gray-800 hover:bg-gray-700 p-2 rounded flex items-center"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-10 h-10 mr-2 rounded-full" alt="Morty"> |
|
|
<span>Morty Smith</span> |
|
|
</button> |
|
|
<button onclick="interactWithCharacter('summer')" class="w-full bg-gray-800 hover:bg-gray-700 p-2 rounded flex items-center"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-10 h-10 mr-2 rounded-full" alt="Summer"> |
|
|
<span>Summer Smith</span> |
|
|
</button> |
|
|
<button onclick="interactWithCharacter('beth')" class="w-full bg-gray-800 hover:bg-gray-700 p-2 rounded flex items-center"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-10 h-10 mr-2 rounded-full" alt="Beth"> |
|
|
<span>Beth Smith</span> |
|
|
</button> |
|
|
<button onclick="interactWithCharacter('jerry')" class="w-full bg-gray-800 hover:bg-gray-700 p-2 rounded flex items-center"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-10 h-10 mr-2 rounded-full" alt="Jerry"> |
|
|
<span>Jerry Smith</span> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-black bg-opacity-70 p-4 rounded-lg"> |
|
|
<h2 class="text-2xl font-bold mb-4 text-center">Inventory</h2> |
|
|
<div class="grid grid-cols-2 gap-2"> |
|
|
<button onclick="useItem('plumbus')" class="bg-gray-800 hover:bg-gray-700 p-2 rounded flex flex-col items-center"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-16 h-16 mb-1 plumbus" alt="Plumbus"> |
|
|
<span>Plumbus</span> |
|
|
</button> |
|
|
<button onclick="useItem('portalGun')" class="bg-gray-800 hover:bg-gray-700 p-2 rounded flex flex-col items-center"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-16 h-16 mb-1" alt="Portal Gun"> |
|
|
<span>Portal Gun</span> |
|
|
</button> |
|
|
<button onclick="useItem('meeseeksBox')" class="bg-gray-800 hover:bg-gray-700 p-2 rounded flex flex-col items-center"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-16 h-16 mb-1 meeseeks" alt="Meeseeks Box"> |
|
|
<span>Meeseeks Box</span> |
|
|
</button> |
|
|
<button onclick="useItem('microverseBattery')" class="bg-gray-800 hover:bg-gray-700 p-2 rounded flex flex-col items-center"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-16 h-16 mb-1" alt="Microverse Battery"> |
|
|
<span>Microverse</span> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-black bg-opacity-70 p-4 rounded-lg"> |
|
|
<h2 class="text-2xl font-bold mb-4 text-center">Game Log</h2> |
|
|
<div id="gameLog" class="h-64 overflow-y-auto bg-gray-900 p-3 rounded text-sm"> |
|
|
<p>> Welcome to the Multiverse, Morty! *burp*</p> |
|
|
<p>> Let's get schwifty!</p> |
|
|
</div> |
|
|
<div class="mt-3 flex"> |
|
|
<input type="text" id="gameCommand" class="flex-grow bg-gray-800 text-white p-2 rounded-l focus:outline-none" placeholder="Enter command..."> |
|
|
<button onclick="processCommand()" class="bg-purple-600 hover:bg-purple-700 px-4 rounded-r">GO</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex justify-center space-x-4"> |
|
|
<button onclick="travelToRandomDimension()" class="bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-6 rounded"> |
|
|
Random Dimension |
|
|
</button> |
|
|
<button onclick="showMainMenu()" class="bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-6 rounded"> |
|
|
Main Menu |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="miniGamesMenu" class="hidden text-center"> |
|
|
<h1 class="text-4xl font-bold mb-8 text-blue-400"> |
|
|
MINI-GAMES |
|
|
</h1> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-2xl mx-auto"> |
|
|
<button onclick="startPlumbusGame()" class="bg-purple-600 hover:bg-purple-700 p-4 rounded-lg flex flex-col items-center"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-32 h-32 mb-2 plumbus" alt="Plumbus"> |
|
|
<span class="text-xl">Plumbus Factory</span> |
|
|
</button> |
|
|
<button onclick="startMeeseeksGame()" class="bg-blue-600 hover:bg-blue-700 p-4 rounded-lg flex flex-col items-center"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-32 h-32 mb-2 meeseeks" alt="Meeseeks"> |
|
|
<span class="text-xl">Meeseeks Box</span> |
|
|
</button> |
|
|
<button onclick="startPortalGame()" class="bg-green-600 hover:bg-green-700 p-4 rounded-lg flex flex-col items-center"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-32 h-32 mb-2" alt="Portal Gun"> |
|
|
<span class="text-xl">Portal Challenge</span> |
|
|
</button> |
|
|
<button onclick="startJerryGame()" class="bg-yellow-600 hover:bg-yellow-700 p-4 rounded-lg flex flex-col items-center"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-32 h-32 mb-2" alt="Jerry"> |
|
|
<span class="text-xl">Jerry's Adventure</span> |
|
|
</button> |
|
|
</div> |
|
|
<button onclick="showMainMenu()" class="mt-8 bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-6 rounded"> |
|
|
Back to Main Menu |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="easterEggsMenu" class="hidden text-center"> |
|
|
<h1 class="text-4xl font-bold mb-8 text-yellow-400"> |
|
|
EASTER EGGS |
|
|
</h1> |
|
|
<p class="mb-8 max-w-2xl mx-auto">Explore hidden secrets from the multiverse! Try clicking random objects or typing secret commands in the game console.</p> |
|
|
|
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 max-w-3xl mx-auto mb-8"> |
|
|
<div onclick="revealEasterEgg('pickleRick')" class="bg-gray-800 hover:bg-gray-700 p-4 rounded-lg cursor-pointer"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-24 h-24 mx-auto mb-2" alt="Pickle Rick"> |
|
|
<span>Pickle Rick</span> |
|
|
</div> |
|
|
<div onclick="revealEasterEgg('interdimensionalCable')" class="bg-gray-800 hover:bg-gray-700 p-4 rounded-lg cursor-pointer"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-24 h-24 mx-auto mb-2" alt="TV"> |
|
|
<span>Interdimensional Cable</span> |
|
|
</div> |
|
|
<div onclick="revealEasterEgg('tinyRick')" class="bg-gray-800 hover:bg-gray-700 p-4 rounded-lg cursor-pointer"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-24 h-24 mx-auto mb-2" alt="Tiny Rick"> |
|
|
<span>Tiny Rick</span> |
|
|
</div> |
|
|
<div onclick="revealEasterEgg('evilMorty')" class="bg-gray-800 hover:bg-gray-700 p-4 rounded-lg cursor-pointer"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-24 h-24 mx-auto mb-2" alt="Evil Morty"> |
|
|
<span>Evil Morty</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="easterEggContent" class="hidden bg-black bg-opacity-80 p-6 rounded-lg max-w-2xl mx-auto mb-6 dialog-box"> |
|
|
<p id="easterEggText"></p> |
|
|
</div> |
|
|
|
|
|
<button onclick="showMainMenu()" class="bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-6 rounded"> |
|
|
Back to Main Menu |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="plumbusGame" class="hidden text-center"> |
|
|
<h1 class="text-4xl font-bold mb-4 text-purple-400"> |
|
|
PLUMBUS FACTORY |
|
|
</h1> |
|
|
<p class="mb-6">Help assemble Plumbuses for the intergalactic market!</p> |
|
|
|
|
|
<div class="bg-black bg-opacity-70 p-6 rounded-lg max-w-md mx-auto"> |
|
|
<div class="flex justify-between items-center mb-4"> |
|
|
<span>Schmeckles: <span id="plumbusSchmeckles" class="text-yellow-400">0</span></span> |
|
|
<span>Plumbuses: <span id="plumbusCount" class="text-purple-400">0</span></span> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-3 gap-4 mb-6"> |
|
|
<div onclick="addComponent('fleeb')" class="bg-gray-800 hover:bg-gray-700 p-3 rounded cursor-pointer"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-16 h-16 mx-auto mb-2" alt="Fleeb"> |
|
|
<span>Fleeb</span> |
|
|
</div> |
|
|
<div onclick="addComponent('dinglebop')" class="bg-gray-800 hover:bg-gray-700 p-3 rounded cursor-pointer"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-16 h-16 mx-auto mb-2" alt="Dinglebop"> |
|
|
<span>Dinglebop</span> |
|
|
</div> |
|
|
<div onclick="addComponent('schleem')" class="bg-gray-800 hover:bg-gray-700 p-3 rounded cursor-pointer"> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-16 h-16 mx-auto mb-2" alt="Schleem"> |
|
|
<span>Schleem</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6 relative h-32 bg-gray-900 rounded flex items-center justify-center"> |
|
|
<div id="plumbusAssembly" class="flex space-x-2"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<button onclick="assemblePlumbus()" id="assembleBtn" class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-6 rounded disabled:opacity-50" disabled> |
|
|
Assemble Plumbus |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<button onclick="showMiniGames()" class="mt-6 bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-6 rounded"> |
|
|
Back to Mini-Games |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="meeseeksGame" class="hidden text-center"> |
|
|
<h1 class="text-4xl font-bold mb-4 text-blue-400"> |
|
|
MEESEEKS BOX |
|
|
</h1> |
|
|
<p class="mb-6">I'm Mr. Meeseeks! Look at me! What's your task?</p> |
|
|
|
|
|
<div class="bg-black bg-opacity-70 p-6 rounded-lg max-w-md mx-auto"> |
|
|
<div class="mb-4"> |
|
|
<span>Active Meeseeks: <span id="meeseeksCount" class="text-blue-400">0</span></span> |
|
|
</div> |
|
|
|
|
|
<div id="meeseeksContainer" class="min-h-32 mb-6 relative"> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="flex flex-col space-y-3"> |
|
|
<input type="text" id="meeseeksTask" class="w-full bg-gray-800 text-white p-2 rounded focus:outline-none" placeholder="Enter task for Mr. Meeseeks"> |
|
|
<button onclick="summonMeeseeks()" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-6 rounded"> |
|
|
Summon Mr. Meeseeks |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<button onclick="showMiniGames()" class="mt-6 bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-6 rounded"> |
|
|
Back to Mini-Games |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="portalGame" class="hidden text-center"> |
|
|
<h1 class="text-4xl font-bold mb-4 text-green-400"> |
|
|
PORTAL CHALLENGE |
|
|
</h1> |
|
|
<p class="mb-6">Navigate through portals to collect antimatter!</p> |
|
|
|
|
|
<div class="relative w-full max-w-md h-96 mx-auto bg-gray-900 rounded-lg overflow-hidden mb-6"> |
|
|
<div id="portalGameArea" class="w-full h-full relative"> |
|
|
<div id="player" class="absolute w-8 h-8 bg-purple-500 rounded-full"></div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex justify-between max-w-md mx-auto mb-6"> |
|
|
<div class="bg-gray-800 p-3 rounded"> |
|
|
<span>Antimatter: <span id="antimatterCount" class="text-green-400">0</span></span> |
|
|
</div> |
|
|
<div class="bg-gray-800 p-3 rounded"> |
|
|
<span>Time: <span id="portalTime" class="text-red-400">30</span>s</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<button onclick="startPortalChallenge()" class="bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-6 rounded"> |
|
|
Start Challenge |
|
|
</button> |
|
|
|
|
|
<button onclick="showMiniGames()" class="mt-6 bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-6 rounded"> |
|
|
Back to Mini-Games |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="jerryGame" class="hidden text-center"> |
|
|
<h1 class="text-4xl font-bold mb-4 text-yellow-400"> |
|
|
JERRY'S ADVENTURE |
|
|
</h1> |
|
|
<p class="mb-6">Help Jerry navigate through life without getting fired!</p> |
|
|
|
|
|
<div class="bg-black bg-opacity-70 p-6 rounded-lg max-w-md mx-auto"> |
|
|
<div class="mb-6"> |
|
|
<div class="w-full bg-gray-800 rounded-full h-4 mb-2"> |
|
|
<div id="jerryHappiness" class="bg-yellow-500 h-4 rounded-full" style="width: 100%"></div> |
|
|
</div> |
|
|
<span>Happiness: <span id="jerryHappinessText">100%</span></span> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-2 gap-4 mb-6"> |
|
|
<button onclick="jerryAction('work')" class="bg-blue-600 hover:bg-blue-700 p-3 rounded"> |
|
|
<i class="fas fa-briefcase text-2xl mb-2"></i><br> |
|
|
Go to Work |
|
|
</button> |
|
|
<button onclick="jerryAction('tv')" class="bg-purple-600 hover:bg-purple-700 p-3 rounded"> |
|
|
<i class="fas fa-tv text-2xl mb-2"></i><br> |
|
|
Watch TV |
|
|
</button> |
|
|
<button onclick="jerryAction('beth')" class="bg-pink-600 hover:bg-pink-700 p-3 rounded"> |
|
|
<i class="fas fa-heart text-2xl mb-2"></i><br> |
|
|
Spend Time with Beth |
|
|
</button> |
|
|
<button onclick="jerryAction('cry')" class="bg-gray-600 hover:bg-gray-700 p-3 rounded"> |
|
|
<i class="fas fa-sad-tear text-2xl mb-2"></i><br> |
|
|
Cry in Shower |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<div id="jerryStatus" class="bg-gray-900 p-3 rounded text-sm"> |
|
|
<p>Jerry is ready for another day of mediocrity!</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<button onclick="showMiniGames()" class="mt-6 bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-6 rounded"> |
|
|
Back to Mini-Games |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="pickleRickEgg" class="hidden fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-50"> |
|
|
<div class="bg-gray-900 p-6 rounded-lg max-w-md text-center dialog-box"> |
|
|
<h2 class="text-3xl font-bold mb-4 text-green-400">PICKLE RICK!</h2> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-32 h-32 mx-auto mb-4 shake" alt="Pickle Rick"> |
|
|
<p class="mb-4">"I turned myself into a pickle, Morty! I'm PICKLE RIIIIICK!"</p> |
|
|
<button onclick="hideEasterEgg()" class="bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-6 rounded"> |
|
|
Close |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="interdimensionalCableEgg" class="hidden fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-50"> |
|
|
<div class="bg-gray-900 p-6 rounded-lg max-w-md text-center dialog-box"> |
|
|
<h2 class="text-3xl font-bold mb-4 text-blue-400">INTERDIMENSIONAL CABLE</h2> |
|
|
<div class="bg-black p-4 mb-4 rounded"> |
|
|
<p class="text-yellow-400">"Two Brothers... in a van... and then a meteor hits..."</p> |
|
|
</div> |
|
|
<button onclick="changeChannel()" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-6 rounded mr-2"> |
|
|
Change Channel |
|
|
</button> |
|
|
<button onclick="hideEasterEgg()" class="bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-6 rounded"> |
|
|
Close |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="tinyRickEgg" class="hidden fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-50"> |
|
|
<div class="bg-gray-900 p-6 rounded-lg max-w-md text-center dialog-box"> |
|
|
<h2 class="text-3xl font-bold mb-4 text-red-400">TINY RICK!</h2> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-32 h-32 mx-auto mb-4" alt="Tiny Rick"> |
|
|
<p class="mb-4">"I'm Tiny Riiick! Let's rock and roll, let's get schwifty!"</p> |
|
|
<audio id="tinyRickAudio" src="https://www.myinstants.com/media/sounds/tiny-rick.mp3"></audio> |
|
|
<button onclick="document.getElementById('tinyRickAudio').play()" class="bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-6 rounded mr-2"> |
|
|
Play Song |
|
|
</button> |
|
|
<button onclick="hideEasterEgg()" class="bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-6 rounded"> |
|
|
Close |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="evilMortyEgg" class="hidden fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-50"> |
|
|
<div class="bg-gray-900 p-6 rounded-lg max-w-md text-center dialog-box"> |
|
|
<h2 class="text-3xl font-bold mb-4 text-yellow-400">EVIL MORTY</h2> |
|
|
<img src="https://i.imgur.com/8QZQZ9Q.png" class="w-32 h-32 mx-auto mb-4" alt="Evil Morty"> |
|
|
<p class="mb-4">"You're not the Rickest Rick. I'm the Mortiest Morty."</p> |
|
|
<button onclick="evilMortyReveal()" class="bg-yellow-600 hover:bg-yellow-700 text-black font-bold py-2 px-6 rounded"> |
|
|
Reveal Plan |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="rickDanceContainer" class="hidden fixed bottom-4 right-4 z-40"> |
|
|
<div class="rick-dance w-16 h-16 bg-blue-500"></div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div onclick="collectSchmeckles(5)" class="absolute top-20 left-10 text-yellow-400 text-4xl cursor-pointer floating" title="Click me!"> |
|
|
<i class="fas fa-coins"></i> |
|
|
</div> |
|
|
<div onclick="addRandomDialog()" class="absolute bottom-32 right-16 text-purple-400 text-4xl cursor-pointer floating" title="Click me!"> |
|
|
<i class="fas fa-comment-dots"></i> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
|
|
|
const gameState = { |
|
|
schmeckles: 0, |
|
|
currentDimension: 'C-137', |
|
|
dimensions: ['C-137', 'J19ζ7', '35C', 'Fascist', 'Cronenberg', 'Wasp', 'Froopyland', 'Tusk', 'Gazorpazorp'], |
|
|
inventory: { |
|
|
plumbus: 1, |
|
|
portalGun: 1, |
|
|
meeseeksBox: 1, |
|
|
microverseBattery: 1 |
|
|
}, |
|
|
plumbusComponents: [], |
|
|
activeMeeseeks: [], |
|
|
jerryHappiness: 100, |
|
|
easterEggsFound: [] |
|
|
}; |
|
|
|
|
|
|
|
|
const rickQuotes = [ |
|
|
"Wubba lubba dub dub!", |
|
|
"Morty, I'm a pickle! I'm pickle Riiick!", |
|
|
"Nobody exists on purpose, nobody belongs anywhere, everybody's gonna die. Come watch TV.", |
|
|
"To live is to risk it all. Otherwise you're just an inert chunk of randomly assembled molecules drifting wherever the universe blows you.", |
|
|
"Get your shit together. Get it all together and put it in a backpack, all your shit, so it's together.", |
|
|
"You pass butter.", |
|
|
"Sometimes science is more art than science, Morty.", |
|
|
"I turned myself into a pickle, Morty! I'm Pickle Riiick!", |
|
|
"You're missing the point Morty. Why would he drive a smaller toaster with wheels? I mean, does your car look like a smaller version of your house?" |
|
|
]; |
|
|
|
|
|
const cableShows = [ |
|
|
"Two Brothers - it's just called Two Brothers", |
|
|
"Gazorpazorpfield - 'I don't care if you're a robot, I hate you'", |
|
|
"Ball Fondlers - the most violent show in the universe", |
|
|
"Jan Quadrant Vincent 16 - a show about nothing", |
|
|
"How Did I Get Here? - a reality show where people wake up in strange places", |
|
|
"The Adventures of Stealy - a show about a sentient robot who steals things", |
|
|
"Interdimensional Cable - literally just static" |
|
|
]; |
|
|
|
|
|
|
|
|
const mainMenu = document.getElementById('mainMenu'); |
|
|
const mainGame = document.getElementById('mainGame'); |
|
|
const miniGamesMenu = document.getElementById('miniGamesMenu'); |
|
|
const easterEggsMenu = document.getElementById('easterEggsMenu'); |
|
|
const plumbusGame = document.getElementById('plumbusGame'); |
|
|
const meeseeksGame = document.getElementById('meeseeksGame'); |
|
|
const portalGame = document.getElementById('portalGame'); |
|
|
const jerryGame = document.getElementById('jerryGame'); |
|
|
const gameLog = document.getElementById('gameLog'); |
|
|
const gameCommand = document.getElementById('gameCommand'); |
|
|
const schmecklesDisplay = document.getElementById('schmecklesDisplay'); |
|
|
const dimensionDisplay = document.getElementById('dimensionDisplay'); |
|
|
|
|
|
|
|
|
function startGame() { |
|
|
mainMenu.classList.add('hidden'); |
|
|
mainGame.classList.remove('hidden'); |
|
|
addToGameLog("Welcome to the Rick and Morty Multiverse Game!"); |
|
|
addToGameLog("Type 'help' for a list of commands."); |
|
|
updateUI(); |
|
|
} |
|
|
|
|
|
function showMainMenu() { |
|
|
mainMenu.classList.remove('hidden'); |
|
|
mainGame.classList.add('hidden'); |
|
|
miniGamesMenu.classList.add('hidden'); |
|
|
easterEggsMenu.classList.add('hidden'); |
|
|
plumbusGame.classList.add('hidden'); |
|
|
meeseeksGame.classList.add('hidden'); |
|
|
portalGame.classList.add('hidden'); |
|
|
jerryGame.classList.add('hidden'); |
|
|
} |
|
|
|
|
|
function showMiniGames() { |
|
|
mainMenu.classList.add('hidden'); |
|
|
miniGamesMenu.classList.remove('hidden'); |
|
|
} |
|
|
|
|
|
function showEasterEggs() { |
|
|
mainMenu.classList.add('hidden'); |
|
|
easterEggsMenu.classList.remove('hidden'); |
|
|
} |
|
|
|
|
|
function travelToRandomDimension() { |
|
|
const newDimension = gameState.dimensions[Math.floor(Math.random() * gameState.dimensions.length)]; |
|
|
gameState.currentDimension = newDimension; |
|
|
dimensionDisplay.textContent = newDimension; |
|
|
addToGameLog(`*BURP* Welcome to dimension ${newDimension}, Morty!`); |
|
|
updateUI(); |
|
|
|
|
|
|
|
|
if (Math.random() < 0.1) { |
|
|
setTimeout(() => { |
|
|
addToGameLog("Whoa! This dimension has some weird stuff going on!"); |
|
|
collectSchmeckles(50); |
|
|
}, 1500); |
|
|
} |
|
|
} |
|
|
|
|
|
function interactWithCharacter(character) { |
|
|
switch(character) { |
|
|
case 'rick': |
|
|
addToGameLog("Rick: " + rickQuotes[Math.floor(Math.random() * rickQuotes.length)]); |
|
|
break; |
|
|
case 'morty': |
|
|
addToGameLog("Morty: Oh geez, Rick, I don't know about this..."); |
|
|
break; |
|
|
case 'summer': |
|
|
addToGameLog("Summer: Ugh, you guys are the worst!"); |
|
|
break; |
|
|
case 'beth': |
|
|
addToGameLog("Beth: I'm a horse surgeon, not a people surgeon!"); |
|
|
break; |
|
|
case 'jerry': |
|
|
addToGameLog("Jerry: I just want to be loved... and maybe get a job."); |
|
|
break; |
|
|
} |
|
|
} |
|
|
|
|
|
function useItem(item) { |
|
|
switch(item) { |
|
|
case 'plumbus': |
|
|
addToGameLog("You used the Plumbus. Everyone has a Plumbus in their home!"); |
|
|
collectSchmeckles(10); |
|
|
break; |
|
|
case 'portalGun': |
|
|
addToGameLog("You fired the portal gun! *BURP* Let's go to a new dimension, Morty!"); |
|
|
travelToRandomDimension(); |
|
|
break; |
|
|
case 'meeseeksBox': |
|
|
addToGameLog("You pressed the Meeseeks box! 'I'm Mr. Meeseeks! Look at me!'"); |
|
|
setTimeout(() => { |
|
|
addToGameLog("Mr. Meeseeks: What do you want me to do?"); |
|
|
}, 1000); |
|
|
break; |
|
|
case 'microverseBattery': |
|
|
addToGameLog("You used the Microverse Battery. Powering up..."); |
|
|
collectSchmeckles(25); |
|
|
break; |
|
|
} |
|
|
} |
|
|
|
|
|
function processCommand() { |
|
|
const command = gameCommand.value.toLowerCase(); |
|
|
gameCommand.value = ''; |
|
|
|
|
|
if (!command) return; |
|
|
|
|
|
addToGameLog(`> ${command}`); |
|
|
|
|
|
switch(command) { |
|
|
case 'help': |
|
|
addToGameLog("Available commands:"); |
|
|
addToGameLog("help - Show this help message"); |
|
|
addToGameLog("rick - Talk to Rick"); |
|
|
addToGameLog("morty - Talk to Morty"); |
|
|
addToGameLog("portal - Travel to a random dimension"); |
|
|
addToGameLog("schmeckles - Check your schmeckles"); |
|
|
addToGameLog("wubba lubba dub dub - Secret command"); |
|
|
addToGameLog("get schwifty - Another secret command"); |
|
|
break; |
|
|
case 'portal': |
|
|
travelToRandomDimension(); |
|
|
break; |
|
|
case 'schmeckles': |
|
|
addToGameLog(`You have ${gameState.schmeckles} schmeckles.`); |
|
|
break; |
|
|
case 'wubba lubba dub dub': |
|
|
addToGameLog("Rick: That's my catchphrase, Morty! It means 'I am in great pain, please help me!'"); |
|
|
collectSchmeckles(100); |
|
|
break; |
|
|
case 'get schwifty': |
|
|
addToGameLog("Time to get schwifty in here!"); |
|
|
document.getElementById('rickDanceContainer').classList.remove('hidden'); |
|
|
setTimeout(() => { |
|
|
document.getElementById('rickDanceContainer').classList.add('hidden'); |
|
|
}, 5000); |
|
|
break; |
|
|
case 'plumbus': |
|
|
addToGameLog("Ah yes, the Plumbus. Everyone knows how Plumbuses are made."); |
|
|
break; |
|
|
case 'meeseeks': |
|
|
addToGameLog("I'm Mr. Meeseeks! Look at me!"); |
|
|
break; |
|
|
default: |
|
|
addToGameLog("Command not recognized. Type 'help' for a list of commands."); |
|
|
} |
|
|
} |
|
|
|
|
|
function addToGameLog(message) { |
|
|
const p = document.createElement('p'); |
|
|
p.textContent = message; |
|
|
gameLog.appendChild(p); |
|
|
gameLog.scrollTop = gameLog.scrollHeight; |
|
|
} |
|
|
|
|
|
function updateUI() { |
|
|
schmecklesDisplay.textContent = gameState.schmeckles; |
|
|
dimensionDisplay.textContent = gameState.currentDimension; |
|
|
} |
|
|
|
|
|
function collectSchmeckles(amount) { |
|
|
gameState.schmeckles += amount; |
|
|
updateUI(); |
|
|
|
|
|
|
|
|
const schmecklesPopup = document.createElement('div'); |
|
|
schmecklesPopup.textContent = `+${amount} Schmeckles`; |
|
|
schmecklesPopup.className = 'absolute text-yellow-400 font-bold text-xl animate-float opacity-0'; |
|
|
document.getElementById('gameContainer').appendChild(schmecklesPopup); |
|
|
|
|
|
|
|
|
const rect = event.target.getBoundingClientRect(); |
|
|
schmecklesPopup.style.left = `${rect.left + rect.width/2}px`; |
|
|
schmecklesPopup.style.top = `${rect.top}px`; |
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
schmecklesPopup.style.opacity = '1'; |
|
|
schmecklesPopup.style.transform = 'translateY(-50px)'; |
|
|
}, 10); |
|
|
|
|
|
setTimeout(() => { |
|
|
schmecklesPopup.style.opacity = '0'; |
|
|
setTimeout(() => { |
|
|
schmecklesPopup.remove(); |
|
|
}, 300); |
|
|
}, 1000); |
|
|
} |
|
|
|
|
|
function addRandomDialog() { |
|
|
const characters = ['Rick', 'Morty', 'Summer', 'Beth', 'Jerry', 'Mr. Meeseeks', 'Birdperson']; |
|
|
const character = characters[Math.floor(Math.random() * characters.length)]; |
|
|
const actions = [ |
|
|
`says: "${rickQuotes[Math.floor(Math.random() * rickQuotes.length)]}"`, |
|
|
'burps loudly', |
|
|
'trips over nothing', |
|
|
'complains about Jerry', |
|
|
'demands scheckles', |
|
|
'creates a mini black hole', |
|
|
'asks for McDonald\'s Szechuan sauce' |
|
|
]; |
|
|
const action = actions[Math.floor(Math.random() * actions.length)]; |
|
|
|
|
|
addToGameLog(`${character} ${action}`); |
|
|
|
|
|
|
|
|
if (Math.random() < 0.2) { |
|
|
collectSchmeckles(10); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function startPlumbusGame() { |
|
|
miniGamesMenu.classList.add('hidden'); |
|
|
plumbusGame.classList.remove('hidden'); |
|
|
gameState.plumbusComponents = []; |
|
|
updatePlumbusUI(); |
|
|
} |
|
|
|
|
|
function addComponent(component) { |
|
|
if (gameState.plumbusComponents.length < 3) { |
|
|
gameState.plumbusComponents.push(component); |
|
|
updatePlumbusUI(); |
|
|
|
|
|
|
|
|
const componentImg = document.createElement('img'); |
|
|
componentImg.src = `https://i.imgur.com/8QZQZ9Q.png`; |
|
|
componentImg.className = 'w-16 h-16'; |
|
|
componentImg.alt = component; |
|
|
document.getElementById('plumbusAssembly').appendChild(componentImg); |
|
|
|
|
|
|
|
|
if (gameState.plumbusComponents.length === 3) { |
|
|
document.getElementById('assembleBtn').disabled = false; |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
function assemblePlumbus() { |
|
|
if (gameState.plumbusComponents.length === 3) { |
|
|
|
|
|
if (gameState.plumbusComponents[0] === 'fleeb' && |
|
|
gameState.plumbusComponents[1] === 'dinglebop' && |
|
|
gameState.plumbusComponents[2] === 'schleem') { |
|
|
|
|
|
|
|
|
const plumbusesMade = Math.floor(Math.random() * 3) + 1; |
|
|
gameState.schmeckles += plumbusesMade * 50; |
|
|
const plumbusCount = parseInt(document.getElementById('plumbusCount').textContent) + plumbusesMade; |
|
|
document.getElementById('plumbusCount').textContent = plumbusCount; |
|
|
|
|
|
|
|
|
addToGameLog(`Success! You made ${plumbusesMade} Plumbus(es) and earned ${plumbusesMade * 50} schmeckles!`); |
|
|
|
|
|
|
|
|
gameState.plumbusComponents = []; |
|
|
document.getElementById('plumbusAssembly').innerHTML = ''; |
|
|
document.getElementById('assembleBtn').disabled = true; |
|
|
updatePlumbusUI(); |
|
|
} else { |
|
|
|
|
|
addToGameLog("Oops! That's not how you make a Plumbus! The correct order is Fleeb, Dinglebop, Schleem."); |
|
|
|
|
|
|
|
|
gameState.plumbusComponents = []; |
|
|
document.getElementById('plumbusAssembly').innerHTML = ''; |
|
|
document.getElementById('assembleBtn').disabled = true; |
|
|
updatePlumbusUI(); |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
function updatePlumbusUI() { |
|
|
document.getElementById('plumbusSchmeckles').textContent = gameState.schmeckles; |
|
|
} |
|
|
|
|
|
function startMeeseeksGame() { |
|
|
miniGamesMenu.classList.add('hidden'); |
|
|
meeseeksGame.classList.remove('hidden'); |
|
|
gameState.activeMeeseeks = []; |
|
|
updateMeeseeksUI(); |
|
|
} |
|
|
|
|
|
function summonMeeseeks() { |
|
|
const task = document.getElementById('meeseeksTask').value; |
|
|
if (!task) { |
|
|
addToGameLog("Mr. Meeseeks: You need to give me a task!"); |
|
|
return; |
|
|
} |
|
|
|
|
|
const meeseeks = { |
|
|
id: Date.now(), |
|
|
task: task, |
|
|
frustration: 0 |
|
|
}; |
|
|
|
|
|
gameState.activeMeeseeks.push(meeseeks); |
|
|
updateMeeseeksUI(); |
|
|
|
|
|
|
|
|
const meeseeksDiv = document.createElement('div'); |
|
|
meeseeksDiv.id = `meeseeks-${meeseeks.id}`; |
|
|
meeseeksDiv.className = 'absolute bg-blue-500 text-white p-2 rounded-full text-sm'; |
|
|
meeseeksDiv.textContent = 'Mr. Meeseeks'; |
|
|
meeseeksDiv.style.left = `${Math.random() * 80 + 10}%`; |
|
|
meeseeksDiv.style.top = `${Math.random() * 60 + 20}%`; |
|
|
document.getElementById('meeseeksContainer').appendChild(meeseeksDiv); |
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
meeseeksDiv.classList.add('animate-bounce'); |
|
|
}, 100); |
|
|
|
|
|
|
|
|
const frustrationInterval = setInterval(() => { |
|
|
meeseeks.frustration++; |
|
|
|
|
|
if (meeseeks.frustration >= 5) { |
|
|
clearInterval(frustrationInterval); |
|
|
meeseeksDiv.textContent = "EXISTENCE IS PAIN!"; |
|
|
meeseeksDiv.classList.add('bg-red-500'); |
|
|
meeseeksDiv.classList.remove('bg-blue-500'); |
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
const index = gameState.activeMeeseeks.findIndex(m => m.id === meeseeks.id); |
|
|
if (index !== -1) { |
|
|
gameState.activeMeeseeks.splice(index, 1); |
|
|
updateMeeseeksUI(); |
|
|
} |
|
|
meeseeksDiv.remove(); |
|
|
}, 2000); |
|
|
} else if (meeseeks.frustration >= 3) { |
|
|
meeseeksDiv.textContent = `"${task}" is hard!`; |
|
|
} |
|
|
}, 2000); |
|
|
|
|
|
|
|
|
document.getElementById('meeseeksTask').value = ''; |
|
|
} |
|
|
|
|
|
function updateMeeseeksUI() { |
|
|
document.getElementById('meeseeksCount').textContent = gameState.activeMeeseeks.length; |
|
|
} |
|
|
|
|
|
function startPortalGame() { |
|
|
miniGamesMenu.classList.add('hidden'); |
|
|
portalGame.classList.remove('hidden'); |
|
|
document.getElementById('antimatterCount').textContent = '0'; |
|
|
document.getElementById('portalTime').textContent = '30'; |
|
|
} |
|
|
|
|
|
function startPortalChallenge() { |
|
|
const gameArea = document.getElementById('portalGameArea'); |
|
|
gameArea.innerHTML = ''; |
|
|
|
|
|
|
|
|
const player = document.createElement('div'); |
|
|
player.id = 'player'; |
|
|
player.className = 'absolute w-8 h-8 bg-purple-500 rounded-full'; |
|
|
player.style.left = '50%'; |
|
|
player.style.top = '50%'; |
|
|
gameArea.appendChild(player); |
|
|
|
|
|
|
|
|
const portalCount = Math.floor(Math.random() * 3) + 2; |
|
|
for (let i = 0; i < portalCount; i++) { |
|
|
const portal = document.createElement('div'); |
|
|
portal.className = 'absolute w-12 h-12 rounded-full border-4 border-teal-500 cursor-pointer'; |
|
|
portal.style.left = `${Math.random() * 80 + 10}%`; |
|
|
portal.style.top = `${Math.random() * 60 + 20}%`; |
|
|
portal.onclick = function() { |
|
|
collectAntimatter(this); |
|
|
}; |
|
|
gameArea.appendChild(portal); |
|
|
} |
|
|
|
|
|
|
|
|
const antimatterCount = Math.floor(Math.random() * 6) + 5; |
|
|
for (let i = 0; i < antimatterCount; i++) { |
|
|
const antimatter = document.createElement('div'); |
|
|
antimatter.className = 'absolute w-6 h-6 bg-yellow-400 rounded-full cursor-pointer'; |
|
|
antimatter.style.left = `${Math.random() * 90 + 5}%`; |
|
|
antimatter.style.top = `${Math.random() * 80 + 10}%`; |
|
|
antimatter.onclick = function() { |
|
|
collectAntimatter(this); |
|
|
}; |
|
|
gameArea.appendChild(antimatter); |
|
|
} |
|
|
|
|
|
|
|
|
let timeLeft = 30; |
|
|
const timer = setInterval(() => { |
|
|
timeLeft--; |
|
|
document.getElementById('portalTime').textContent = timeLeft; |
|
|
|
|
|
if (timeLeft <= 0) { |
|
|
clearInterval(timer); |
|
|
addToGameLog(`Portal challenge complete! You collected ${document.getElementById('antimatterCount').textContent} antimatter!`); |
|
|
gameState.schmeckles += parseInt(document.getElementById('antimatterCount').textContent) * 10; |
|
|
updateUI(); |
|
|
} |
|
|
}, 1000); |
|
|
} |
|
|
|
|
|
function collectAntimatter(element) { |
|
|
if (element.classList.contains('bg-yellow-400')) { |
|
|
|
|
|
const current = parseInt(document.getElementById('antimatterCount').textContent); |
|
|
document.getElementById('antimatterCount').textContent = current + 1; |
|
|
|
|
|
|
|
|
element.classList.remove('bg-yellow-400'); |
|
|
element.classList.add('bg-red-500', 'animate-ping'); |
|
|
setTimeout(() => { |
|
|
element.remove(); |
|
|
}, 500); |
|
|
} else { |
|
|
|
|
|
const player = document.getElementById('player'); |
|
|
player.style.left = element.style.left; |
|
|
player.style.top = element.style.top; |
|
|
|
|
|
|
|
|
element.classList.add('animate-pulse'); |
|
|
setTimeout(() => { |
|
|
element.classList.remove('animate-pulse'); |
|
|
}, 500); |
|
|
} |
|
|
} |
|
|
|
|
|
function startJerryGame() { |
|
|
miniGamesMenu.classList.add('hidden'); |
|
|
jerryGame.classList.remove('hidden'); |
|
|
gameState.jerryHappiness = 100; |
|
|
updateJerryUI(); |
|
|
} |
|
|
|
|
|
function jerryAction(action) { |
|
|
switch(action) { |
|
|
case 'work': |
|
|
gameState.jerryHappiness -= 15; |
|
|
addToGameLog("Jerry went to work and got yelled at by his boss."); |
|
|
break; |
|
|
case 'tv': |
|
|
gameState.jerryHappiness += 10; |
|
|
addToGameLog("Jerry watched some TV and felt slightly better."); |
|
|
break; |
|
|
case 'beth': |
|
|
gameState.jerryHappiness += 25; |
|
|
addToGameLog("Jerry spent quality time with Beth and felt loved."); |
|
|
break; |
|
|
case 'cry': |
|
|
gameState.jerryHappiness -= 5; |
|
|
addToGameLog("Jerry cried in the shower. It was therapeutic but also sad."); |
|
|
break; |
|
|
} |
|
|
|
|
|
|
|
|
gameState.jerryHappiness = Math.max(0, Math.min(100, gameState.jerryHappiness)); |
|
|
|
|
|
|
|
|
if (gameState.jerryHappiness <= 0) { |
|
|
addToGameLog("Jerry had a complete breakdown and got fired. Game over!"); |
|
|
setTimeout(() => { |
|
|
startJerryGame(); |
|
|
}, 2000); |
|
|
} else if (gameState.jerryHappiness >= 100) { |
|
|
addToGameLog("Jerry is completely happy! You win!"); |
|
|
gameState.schmeckles += 100; |
|
|
updateUI(); |
|
|
setTimeout(() => { |
|
|
startJerryGame(); |
|
|
}, 2000); |
|
|
} |
|
|
|
|
|
updateJerryUI(); |
|
|
} |
|
|
|
|
|
function updateJerryUI() { |
|
|
document.getElementById('jerryHappiness').style.width = `${gameState.jerryHappiness}%`; |
|
|
document.getElementById('jerryHappinessText').textContent = `${gameState.jerryHappiness}%`; |
|
|
|
|
|
|
|
|
let status = ""; |
|
|
if (gameState.jerryHappiness >= 80) { |
|
|
status = "Jerry is ecstatic! Maybe too ecstatic..."; |
|
|
} else if (gameState.jerryHappiness >= 60) { |
|
|
status = "Jerry is feeling pretty good about himself."; |
|
|
} else if (gameState.jerryHappiness >= 40) { |
|
|
status = "Jerry is feeling mediocre, as usual."; |
|
|
} else if (gameState.jerryHappiness >= 20) { |
|
|
status = "Jerry is depressed. Maybe watch some TV?"; |
|
|
} else { |
|
|
status = "Jerry is on the verge of a breakdown!"; |
|
|
} |
|
|
|
|
|
document.getElementById('jerryStatus').innerHTML = `<p>${status}</p>`; |
|
|
} |
|
|
|
|
|
|
|
|
function revealEasterEgg(egg) { |
|
|
if (!gameState.easterEggsFound.includes(egg)) { |
|
|
gameState.easterEggsFound.push(egg); |
|
|
collectSchmeckles(100); |
|
|
} |
|
|
|
|
|
document.getElementById(`${egg}Egg`).classList.remove('hidden'); |
|
|
} |
|
|
|
|
|
function hideEasterEgg() { |
|
|
document.querySelectorAll('[id$="Egg"]').forEach(el => { |
|
|
el.classList.add('hidden'); |
|
|
}); |
|
|
} |
|
|
|
|
|
function changeChannel() { |
|
|
document.getElementById('easterEggText').textContent = |
|
|
cableShows[Math.floor(Math.random() * cableShows.length)]; |
|
|
} |
|
|
|
|
|
function evilMortyReveal() { |
|
|
document.getElementById('easterEggText').textContent = |
|
|
"Evil Morty: 'I'm going to dismantle the Citadel and free all Mortys from Ricks!'"; |
|
|
setTimeout(() => { |
|
|
hideEasterEgg(); |
|
|
}, 3000); |
|
|
} |
|
|
|
|
|
function rickRoll() { |
|
|
|
|
|
window.open('https://www.youtube.com/watch?v=dQw4w9WgXcQ', '_blank'); |
|
|
} |
|
|
|
|
|
|
|
|
document.addEventListener('keydown', function(event) { |
|
|
if (event.key === 'Enter' && !gameCommand.disabled) { |
|
|
processCommand(); |
|
|
} |
|
|
|
|
|
|
|
|
if (event.key === 'ArrowUp' || event.key === 'ArrowDown' || |
|
|
event.key === 'ArrowLeft' || event.key === 'ArrowRight') { |
|
|
|
|
|
|
|
|
if (Math.random() < 0.1) { |
|
|
addToGameLog("Secret code activated! Here's 50 schmeckles!"); |
|
|
collectSchmeckles(50); |
|
|
} |
|
|
} |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelector('h1').addEventListener('click', function() { |
|
|
if (Math.random() < 0.3) { |
|
|
addToGameLog("Rick: Stop clicking me, Morty! *burp*"); |
|
|
} |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelector('.portal').addEventListener('click', function() { |
|
|
addToGameLog("Portal gun activated! *whoosh*"); |
|
|
travelToRandomDimension(); |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Slayerfryed44/rick-and-morty-game" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
