WitchSurvivorGame.jsx
Wunknown
plain_text
2 months ago
55 kB
6
Indexable
export default function WitchSurvivorGame() { return ( <div className="w-screen h-screen bg-black text-white flex items-center justify-center p-6"> <div className="max-w-4xl w-full bg-zinc-900 rounded-3xl p-6 shadow-2xl border border-zinc-700"> <h1 className="text-4xl font-bold mb-4 text-center text-purple-400"> Witch Survivor: Blood Moon </h1>
<div className="grid md:grid-cols-2 gap-6">
<div className="bg-zinc-800 rounded-2xl p-5 space-y-4">
<h2 className="text-2xl font-semibold text-green-400">
Your Game Idea
</h2>
<ul className="space-y-2 text-zinc-300 text-sm leading-relaxed">
<li>🎮 Third-person survival gameplay like Survivor.io</li>
<li>🕹️ Mobile joystick movement like Blue Bloods</li>
<li>✨ Cast button for magic attacks</li>
<li>🪦 Cemetery map with wall boundaries</li>
<li>🧟 Pixel zombies crawl from underground</li>
<li>💚 Green gem currency drops</li>
<li>📈 Level-up weapon choices like Brotato</li>
<li>🎲 Rerolls + stat upgrades</li>
<li>🌕 Blood Moon event on Wave 10</li>
</ul>
</div>
<div className="bg-zinc-800 rounded-2xl p-5 space-y-4">
<h2 className="text-2xl font-semibold text-red-400">
Best Engine To Build It
</h2>
<div className="space-y-3 text-sm text-zinc-300">
<div className="bg-zinc-900 rounded-xl p-3">
<div className="font-bold text-white">Easy Option</div>
<div>Use Roblox Studio</div>
</div>
<div className="bg-zinc-900 rounded-xl p-3">
<div className="font-bold text-white">Best Indie Option</div>
<div>Use Godot Engine (free)</div>
</div>
<div className="bg-zinc-900 rounded-xl p-3">
<div className="font-bold text-white">Best Graphics Option</div>
<div>Use Unreal Engine</div>
</div>
</div>
<div className="bg-purple-950 border border-purple-700 rounded-2xl p-4 mt-4">
<div className="text-lg font-bold text-purple-300 mb-2">
Recommended
</div>
<p className="text-sm text-zinc-300 leading-relaxed">
Your game is PERFECT for Godot because it supports:
mobile joysticks, waves, pixel art, spell systems,
leveling, and top-down survival combat.
</p>
</div>
</div>
</div>
<div className="mt-6 bg-zinc-800 rounded-2xl p-5">
<h2 className="text-2xl font-semibold text-yellow-400 mb-3">
Core Gameplay Loop
</h2>
<div className="grid md:grid-cols-4 gap-4 text-center text-sm">
<div className="bg-zinc-900 p-4 rounded-xl">
🧟<br />
Zombies Spawn
</div>
<div className="bg-zinc-900 p-4 rounded-xl">
✨<br />
Cast Spells
</div>
<div className="bg-zinc-900 p-4 rounded-xl">
💚<br />
Collect Gems
</div>
<div className="bg-zinc-900 p-4 rounded-xl">
📈<br />
Upgrade Weapons
</div>
</div>
</div>
<div className="mt-6 bg-red-950 border border-red-700 rounded-2xl p-5">
<h2 className="text-2xl font-bold text-red-300 mb-2">
Wave 10: Blood Moon
</h2>
<p className="text-zinc-300 text-sm leading-relaxed">
The sky turns dark red. Fog appears. Zombie speed doubles.
Elite zombies begin spawning with glowing red eyes.
Music changes and your spell cooldowns become faster.
</p>
</div>
<div className="mt-6 bg-zinc-800 rounded-2xl p-5">
<h2 className="text-2xl font-semibold text-cyan-400 mb-3">
What I Can Build Next
</h2>
<div className="grid md:grid-cols-3 gap-4 text-sm text-zinc-300">
<div className="bg-zinc-900 p-4 rounded-xl">
🎮 Full movement + joystick system
</div>
<div className="bg-zinc-900 p-4 rounded-xl">
✨ Spell casting + enemies
</div>
<div className="bg-zinc-900 p-4 rounded-xl">
📱 Mobile-ready playable prototype
</div>
</div>
</div>
</div>
</div>
) }Editor is loading...
Leave a Comment