Typing Fighter - Ultimate Typing Combat Game

Seele01-Flash
By
Typing Fighter revolutionizes the fighting game genre by combining fast-paced combat with typing skills. Battle opponents through rapid, accurate typing while unleashing powerful moves inspired by motivational quotes.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Typing Fighter". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A stylized, "Cel-Shaded" or "Toon-Shaded" 3D aesthetic to mimic the flat vector art of the screenshot. Use bright, saturated colors (Neon Purple, Electric Blue, Hot Pink). * **Characters:** Create two low-poly humanoid figures using basic primitives (cylinders/boxes) if external models aren't loaded, or setup a GLTF loader for a "Player" (Red Jacket, distinct hair) and an "Enemy" (Dark colors). * **Environment:** An urban night scene background (purple sky, silhouette of city buildings with neon windows). The ground should be a dark asphalt texture. * **Camera:** A fixed side-view camera (Fighting Game perspective) positioned to keep both fighters in frame. * **Performance:** Use baked lighting or basic ambient/directional lights. Limit shadow casting to the main characters only for mobile FPS stability. ### 2. Audio Requirements * **BGM:** High-energy Synthwave or Arcade Electro track that loops. * **SFX - Typing:** A satisfying, mechanical "clack" or "beep" sound for every correct letter typed. A low-pitch "thud" or buzzer for typos. * **SFX - Combat:** Heavy impact sounds (Kick, Punch, Whack) triggering specifically when a word is *completed* and the attack animation plays. * **Voice:** (Optional) An arcade announcer sound effect for "Ready... Fight!" and "K.O.". ### 3. Gameplay Loop * **Start:** The game displays a "Start" button overlay. Tapping it focuses the keyboard. * **The Fight:** * A "Motivational Quote" or sentence appears at the top center of the screen. * **Typing Logic:** As the user types correctly, the letters turn green. If they type incorrectly, the screen flashes red briefly (shake effect). * **Attack Trigger:** Upon completing a word/sentence, the player character performs an attack animation (tween movement towards enemy + hit), decreasing the Enemy's HP bar. * **Enemy Logic:** The enemy attacks on a timer. If the player types too slowly, the enemy strikes, reducing the Player's HP. * **Win/Loss:** * **Win:** Enemy HP hits 0. Slow-motion effect, confetti particles. * **Loss:** Player HP hits 0. "Game Over" screen with a "Retry" button. ### 4. Mobile Controls & Interaction * **Input Method:** This is the most critical mobile feature. Create a hidden HTML `<input type="text">` element that keeps focus so the native mobile keyboard remains open. * **Screen Layout (Portrait/Landscape):** * **Vertical Offset:** When the virtual keyboard opens, the game canvas (camera view) must shift upwards or resize so the characters are not hidden by the keyboard. * **Text UI:** The text to be typed must be large, bold, and positioned at the very top of the screen (safe zone) to ensure visibility above the fighters. * **Touch Feedback:** Implement `navigator.vibrate(50)` on successful word completion (impact) and `navigator.vibrate(100)` on taking damage. * **Responsiveness:** Ensure the UI scales dynamically for different aspect ratios (e.g., iPhone notch handling). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Typing Fighter is an innovative fighting game that transforms your keyboard into a weapon of mass instruction. This unique action game challenges players to defeat opponents not through traditional button mashing, but through lightning-fast typing skills and precision accuracy. Combine the thrill of combat games with the educational benefits of typing practice in this one-of-a-kind gaming experience.

Core Features

Revolutionary Typing Combat System

Experience a completely new approach to fighting games where your typing speed and accuracy directly determine your combat effectiveness. The faster and more accurately you type, the more powerful your attacks become.

200+ Motivational Quotes and Phrases

Draw inspiration from an extensive library of over 200 carefully curated motivational quotes and phrases. Each sentence you type serves dual purposes: defeating your opponent and absorbing positive, inspiring messages that fuel your determination.

Power-Up Charging System

Build up your typing momentum to unleash devastating special moves and combo attacks. The game rewards consistent accuracy and speed with increasingly powerful abilities that can turn the tide of any battle.

Cross-Platform Compatibility

Play seamlessly on any device with keyboard input - whether you're using a desktop computer, laptop, or mobile device with an on-screen keyboard. The game adapts to your preferred input method.

Skill Development Through Gaming

Improve your typing speed, accuracy, and overall keyboard proficiency while enjoying intense combat action. This educational gaming approach makes skill development engaging and addictive.

Game Mechanics

Combat Through Typing

Each battle presents you with sentences and phrases that must be typed quickly and accurately. Your typing performance directly translates into combat actions - perfect accuracy delivers critical hits, while typing speed determines your attack frequency.

Progressive Difficulty

Face increasingly challenging opponents that require faster typing speeds and greater accuracy to defeat. The game scales with your improving skills, ensuring consistent challenge and growth.

Real-Time Feedback

Receive instant feedback on your typing performance, including speed metrics, accuracy percentages, and combat effectiveness ratings that help you identify areas for improvement.

Operation Guide

Basic Controls

  • Text Input : Type the sentences displayed on screen using your keyboard
  • Computer Users : Use your physical keyboard for optimal speed and accuracy
  • Mobile Users : Utilize the touch keyboard interface
  • Timing : Type quickly but maintain accuracy for maximum damage output

Strategic Tips

  • Focus on accuracy first, then build up speed
  • Read ahead to prepare for longer sentences
  • Use proper finger positioning for sustained performance
  • Take advantage of familiar phrases for quick combo opportunities

Victory Conditions

Defeat opponents by successfully typing all presented text faster and more accurately than your rival. Each correct keystroke deals damage, while errors may leave you vulnerable to counterattacks.

Why Play Typing Fighter

Unique Gaming Experience

No other game combines fighting action with typing skills in such an innovative and engaging way. Experience the satisfaction of improving practical skills while enjoying competitive gaming.

Educational Entertainment

Develop valuable typing abilities that benefit academic, professional, and personal computer use. Transform necessary skill practice into exciting entertainment.

Motivational Content

Every gaming session exposes you to inspiring quotes and positive messages, making this both mentally stimulating and emotionally uplifting.

Accessible Yet Challenging

Easy to understand but difficult to master, offering immediate accessibility for beginners while providing deep challenge for experienced typists and gamers alike.

Free Browser-Based Gaming

Enjoy full game access without downloads, installations, or payment requirements. Simply open your browser and start fighting with the power of words.

Frequently Asked Questions (FAQ)