WitchSurvivorGame.jsx

W
 avatar
unknown
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