NEON SURVIVOR: ITCH PRO EDITION

Dive into a vibrant, frantic arena shooter where survival is key! As a lone program in a hostile digital space, your mission is to eliminate endless swarms of neon viruses. Featuring:



       Now with multiplayer and single player














  • Omni-directional combat: Enemies attack from all sides!
  • Dynamic Upgrades: Collect "Data Cores" to enhance your speed and fire rate in the CORE SHOP.
  • Boss Battles: Face off against powerful Mega-Viruses that test your skills.
  • Retro Neon Visuals: Immerse yourself in a classic arcade aesthetic with explosive particle effects and screen shake.
  • Customizable Difficulty: Adjust the challenge to your liking right from the start.
How long can you survive the digital onslaught?
<style>         body { margin: 0; overflow: hidden; background: #050505; font-family: 'Courier New', Courier, monospace; color: white; user-select: none; }         canvas { display: block; }                 .overlay {             position: absolute; top: 0; left: 0; width: 100%; height: 100%;             display: flex; flex-direction: column; align-items: center; justify-content: center;             background: rgba(0, 0, 0, 0.9); z-index: 100;         }         /* Pulsing Sign Animation */         @keyframes pulseFade {             0%, 100% { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 20px #00ffcc); }             50% { opacity: 0.3; transform: scale(0.98); filter: drop-shadow(0 0 5px #00ffcc); }         }         .main-title {             font-size: 3.5rem;             color: #00ffcc;             margin-bottom: 30px;             animation: pulseFade 3s ease-in-out infinite;         }         #hud {             position: absolute; top: 20px; left: 20px; font-size: 18px; color: #00ffcc;             pointer-events: none; text-shadow: 0 0 10px #00ffcc; z-index: 10;         }         #multiplayer-status {             position: absolute; top: 20px; right: 20px; font-size: 14px; color: #ffdf00;             pointer-events: none; z-index: 10; display: none;         }         #shop-ui {             background: rgba(10, 10, 10, 0.95); border: 3px solid #00ffcc;             padding: 20px; text-align: center;             box-shadow: 0 0 40px rgba(0, 255, 204, 0.5); border-radius: 10px;             margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: center; max-width: 450px;         }         #shop-ui h2 { color: #ffdf00; text-shadow: 0 0 10px #ffdf00; width: 100%; margin-bottom: 10px;}                 .skin-option {             width: 40px; height: 40px; border-radius: 50%; border: 2px solid transparent;             margin: 5px; cursor: pointer; display: inline-block; transition: all 0.2s;             position: relative;         }         .skin-option.locked::after { content: '🔒'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; }         .skin-option.active { border-color: white; box-shadow: 0 0 15px white; }         .btn {             padding: 12px 24px; margin: 10px; font-size: 1rem; background: transparent;             color: #00ffcc; border: 2px solid #00ffcc; cursor: pointer;             width: 300px; height: 50px;             text-transform: uppercase; letter-spacing: 2px; transition: 0.3s;             display: flex; align-items: center; justify-content: center;             box-sizing: border-box;         }         .btn:hover { background: #00ffcc; color: #000; box-shadow: 0 0 20px #00ffcc; }         .btn-mp { border-color: #ffdf00; color: #ffdf00; }         .btn-mp:hover { background: #ffdf00; color: #000; box-shadow: 0 0 20px #ffdf00; }         .btn-death { color: #ff3333; border-color: #ff3333; }         .btn-small { width: 300px; font-size: 0.8rem; opacity: 0.7; }         .btn-active { background: #00ffcc; color: #000; }         #loading-screen { display: none; }         .progress-container { width: 300px; height: 10px; background: #111; border: 1px solid #00ffcc; margin-top: 20px; }         #progress-bar { width: 0%; height: 100%; background: #00ffcc; box-shadow: 0 0 10px #00ffcc; transition: width 0.1s linear; }         #settings-screen { display: none; }         #death-screen { display: none; background: rgba(20, 0, 0, 0.95); border: 2px solid #ff3333; }                 .mode-title { font-size: 0.8rem; color: #aaa; margin-bottom: -5px; margin-top: 15px; }         .settings-row {             display: flex; justify-content: space-between; align-items: center; width: 350px; margin: 10px 0;         }         .settings-row span { color: #00ffcc; font-weight: bold; }         .toggle-btn { width: 80px; height: 35px; font-size: 0.7rem; margin: 0; }     </style>
Updated 5 days ago
Published 14 days ago
StatusReleased
PlatformsHTML5
AuthorRayan Sarmad
GenreShooter
Tags2D, Multiplayer, quick, Retro, Singleplayer
Average sessionA few seconds
LanguagesEnglish
InputsKeyboard, Mouse
AccessibilityHigh-contrast
MultiplayerLocal multiplayer
Player count1 - 8
ContentNo generative AI was used

Leave a comment

Log in with itch.io to leave a comment.