Virtual Zombie Survival

## **Virtual Zombie Survival**: A New Interactive RPG Zombie Clicker Game! Dive into the apocalypse with **Virtual Zombie Survival**, a unique and engaging **zombie clicker RPG** designed to bring endless fun and excitement to your Discord server. Whether you're a casual gamer or a seasoned survivor, this bot has something for everyone! ### **Key Features:** - **Interactive Gameplay**: Use **slash commands** to attack zombies or check your status. - **Cooperative Multiplayer**: Enjoy casual cooperative multiplayer action with your friends and other server members. - **Survive the Undead**: Face waves of zombie hordes, each more challenging than the last. Plan your strategies and make every move count! - **Unlock Upgrades**: Earn in-game currency to purchase powerful upgrades and boosts. Enhance your character's abilities and become the ultimate survivor. ### **Get Started Today!** Start your journey with the `/play` command and become a part of the **Virtual Zombie Survival** community. Engage in daily challenges, participate in clan wars, and climb the leaderboards to prove your survival skills! **Join now** and bring the thrill of the zombie apocalypse to your server. Are you ready to survive? ### **Commands Overview:** - **/play**: Start playing the game. - **/profile**: View your or another player's progress. - **/attack**: Attack the zombies. - **/shops**: Buy upgrades and boosts to enhance your gameplay. **Don't miss out!** Bring **Virtual Zombie Survival** to your server today and experience a new level of interactive, cooperative, and fun gameplay! Check out the official website: https://virtualzombiesurvival.top/ <style> .css-1ghqurz { position: relative; /* Allow overlay */ width: 100px; /* Ensure it matches the dimensions of the image */ height: 100px; } .css-1ghqurz img { opacity: 0; /* Make the original image invisible */ } .css-1ghqurz::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://raw.githubusercontent.com/SebastianSossna/VZS_Persistent_image_storage/refs/heads/main/assets/gif-assets/zombies.gif'); background-size: cover; background-position: center; border-radius: 50%; /* Match the shape of a circular profile picture */ } body { background: url("https://i.imgur.com/zHVWQey.gif") no-repeat center center fixed; background-size: cover; position: relative; } body::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */ z-index: -1; /* Keep it behind all content */ } /* Define the shaking and throwing animation */ @keyframes rotate-shake { 0% { transform: rotate(0deg); } 5% { transform: rotate(-5deg); } 15% { transform: rotate(5deg); } 20% { transform: rotate(-5deg); } 25% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } /* Rest state */ } @keyframes shake-and-throw { /* Shaking Phase */ 0%, 2% { transform: rotate(0deg); } 3% { transform: rotate(-5deg); } 5% { transform: rotate(5deg); } 7% { transform: rotate(-5deg); } 9% { transform: rotate(0deg); } 13% { transform: rotate(0deg); } 15% { transform: rotate(-5deg); } 17% { transform: rotate(5deg); } 19% { transform: rotate(-5deg); } 21% { transform: rotate(0deg); } 25% { transform: rotate(0deg); } 27% { transform: rotate(-5deg); } 29% { transform: rotate(5deg); } 33% { transform: rotate(-5deg); } 35% { transform: rotate(0deg); } 49% { transform: rotate(0deg); } /* Pause before throw */ 50% { transform: rotate(0deg); } /* Throw Phase */ 55% { transform: translateY(0) rotate(0deg); } 60% { transform: translateY(300px) rotate(360deg); } 65% { transform: translateY(300px) rotate(720deg); } 70% { transform: translateY(600px); rotate(720deg)} 75% { transform: translateY(600px); rotate(360deg)} 80% { transform: translateY(300px) rotate(360deg); } 90% { transform: translateY(0) rotate(0deg); } 100% { transform: translateY(0) rotate(1080deg); } } @keyframes blink-color { 0% { background-color: #ff4d4d; box-shadow: 0 0 10px rgba(255, 255, 0, 0); } 50% { background-color: #ff6666; box-shadow: 0 0 20px rgba(255, 255, 0, 0.8); } 100% { background-color: #ff4d4d; box-shadow: 0 0 10px rgba(255, 255, 0, 0); } } @keyframes textured-pattern { 0% { background-position: 0% 0%; } 50% { background-position: 100% 100%; } 100% { background-position: 0% 0%; } } .chakra-link.chakra-button.css-1ebbhgf { animation: shake-and-throw 10s ease-in-out infinite, blink-color 1.5s ease-in-out infinite, textured-pattern 5s linear infinite; background-color: #ff4d4d; background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1)), linear-gradient(145deg, #ff4d4d, #d43d3d); background-size: 200% 200%; /* For animated texture */ border: 1px solid #ff1a1a; border-radius: 8px; /* Rounded corners */ box-shadow: inset 2px 2px 5px rgba(255, 255, 255, 0.2), inset -2px -2px 5px rgba(0, 0, 0, 0.3), 2px 2px 10px rgba(0, 0, 0, 0.5); /* Inner and outer shadows for realism */ color: #fff; /* White text for better contrast */ font-weight: bold; */text-transform: uppercase;*/ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* Text shadow for depth */ padding: 10px 20px; transition: all 0.3s ease-in-out; /* Smooth hover effects */ cursor: pointer; } .chakra-link.chakra-button.css-1ebbhgf:hover { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.2)), linear-gradient(145deg, #ff6666, #d44d4d); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4), inset 1px 1px 3px rgba(255, 255, 255, 0.2), inset -1px -1px 3px rgba(0, 0, 0, 0.3); /* Enhanced shadow effect */ transform: scale(1.05); /* Slightly enlarge the button on hover */ } </style>