Keymash.io - Multiplayer Typing Racing Game

Seele01-Flash
By
Keymash.io is the ultimate multiplayer typing racing game where speed and accuracy matter. Race against players worldwide, improve your typing skills, and compete in various game modes with friends or strangers.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Keymash: Cyber Typist Racer**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Low-poly "Cyber-Cute" aesthetic. Use the specific color palette from the source image: Primary Orange (#FFA500), Dark Navy/Black (#1A1A1A), and White. * **Main Character:** A low-poly, blocky representation of the "Cat Robot" mascot (orange body, dark visor) visible from a third-person follow camera behind the character. * **Environment:** A straight, infinite "Data Highway" track. The ground should be a dark grid with glowing orange lines moving towards the camera to simulate speed. * **Background:** A dynamic shader-based background mimicking a rotating "sunburst" effect (orange and lighter orange rays) similar to the logo, placed behind the finish line. * **Optimization:** Use `BufferGeometry` for all meshes. Use basic materials (`MeshLambertMaterial` or `MeshToonMaterial`) to reduce rendering cost on mobile GPUs. Limit dynamic lights to one directional light (sun) and ambient light. ### 2. Audio Requirements * **BGM:** Fast-paced, upbeat "Chiptune" or "Synth-pop" track that increases in tempo as the race progresses. * **Sound Effects (Crucial for "Keymash" feel):** * **Typing:** High-pitched "Mechanical Keyboard" click sound for every correct letter tapped. * **Error:** A low-frequency "Thud" or digital buzzer sound for incorrect inputs. * **Boost:** A sci-fi "Whoosh" sound when completing a word. * **Win:** A cheerful victory jingle. ### 3. Gameplay Loop * **Concept:** A typing race adapted for mobile. The player races against 2 AI bots. * **Mechanic:** * A target word appears floating above the player's character. * **Mobile Adaptation:** Instead of a full QWERTY keyboard (which is bad for mobile UX), display **3 large buttons** at the bottom of the screen, each containing a different letter. Only one is the correct next letter of the target word. * Tap the correct letter button -> Character dashes forward -> Next letter creates a new set of 3 buttons. * Tap wrong button -> Character stumbles (stops for 0.5s) -> Screen shakes slightly. * **Progression:** Complete 10 words to cross the finish line. * **Win Condition:** Cross the finish line before the AI bots (who move at a constant, randomized speed). ### 4. Mobile Controls & Interaction * **Orientation:** **Portrait Mode** (Vertical) is mandatory to allow thumb-typing at the bottom while seeing the track at the top. * **Layout:** * **Top 60%:** Three.js Canvas (The 3D Race View). * **Bottom 40%:** HTML overlay containing the gameplay UI. * **Control Interface:** Three large, distinct touch zones (Buttons) at the bottom. They must be large enough for thumbs (minimum 80px height). * **Feedback:** * **Haptics:** Trigger `window.navigator.vibrate(10)` on every correct tap, and `vibrate(50)` on error. * **Visual:** The 3D camera should lag slightly behind the character to emphasize acceleration (FOV shift on word completion). ### 5. Code Structure * Use `HTML/CSS` for the UI overlay (Score, Words, Buttons) and `Three.js` for the 3D rendering. * Ensure the game loop handles the logic for checking the current letter against the button pressed. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Keymash.io is a modern, fast-paced multiplayer typing racing game that transforms keyboard practice into an exciting competitive experience. With a stellar 4.3/5 rating, this browser-based typing game combines the thrill of racing with skill-building typing practice. Whether you're a typing novice or a keyboard warrior, Keymash.io offers an engaging platform to test and improve your typing speed and accuracy against players from around the globe.

Inspired by classic typing racers but enhanced with modern features, Keymash.io delivers a smooth, customizable typing experience that keeps players coming back for more. The game's intuitive interface and variety of modes make it perfect for both casual practice sessions and intense competitive matches.

Core Features

Multiple Game Modes for Every Player

Keymash.io offers diverse typing challenges to keep your practice sessions fresh and exciting:

  • Random Mode : Jump into quick matches with random texts and compete against online players
  • Quotes Mode : Type famous quotes from books, movies, and songs with full punctuation challenges
  • Dictionary Mode : Focus on speed with common English words without punctuation distractions
  • Custom Rooms : Create private rooms to challenge friends or public rooms for community racing

Real-Time Multiplayer Racing

Experience the excitement of live competition as you race against other typists in real-time. Watch your progress compared to opponents, see who takes the lead, and push yourself to type faster and more accurately under pressure.

Fully Customizable Experience

Personalize your typing environment with extensive customization options. Adjust themes, fonts, and interface elements to create the perfect typing setup that matches your preferences and enhances your performance.

Ultra-Smooth Interface

Enjoy a fluid, responsive typing experience designed specifically for competitive typing. The interface minimizes distractions while providing all the feedback you need to track your performance and improvement.

Gameplay Mechanics

Keymash.io combines simple mechanics with competitive depth. Players compete to type given texts as quickly and accurately as possible. Your typing speed (measured in words per minute) and accuracy percentage determine your performance ranking. The game tracks your progress over time, allowing you to see improvement in your typing skills.

The racing element adds excitement to what could otherwise be mundane typing practice. As you type, you'll see visual representations of your progress compared to other players, creating a genuine sense of competition and urgency.

Operation Guide

Getting started with Keymash.io is straightforward:

  • Click on your preferred game mode to begin
  • Type the displayed text as quickly and accurately as possible
  • Use standard keyboard keys - no special controls needed
  • Create custom rooms by clicking the "Create" button
  • Invite friends with room codes or make rooms public for random opponents
  • Track your performance with real-time WPM and accuracy statistics

Why Play Keymash.io

Perfect for Skill Development : Unlike passive typing tutorials, Keymash.io makes learning fun through competition. You'll naturally improve your typing speed and accuracy while enjoying the gaming experience.

Social and Competitive : Connect with a global community of typing enthusiasts. Whether competing with friends or meeting new players, the social aspect keeps motivation high.

Completely Free : Access all features without payment. No premium subscriptions or locked content - everything is available from the start.

Accessible Anywhere : Play directly in your browser on any device. No downloads, installations, or special software required.

Educational Value : Ideal for students, professionals, and anyone looking to improve their keyboard skills. The game makes typing practice engaging rather than tedious.

Multiple Difficulty Levels : From simple dictionary words to complex literary quotes, find the right challenge level for your current skills while having room to grow.

Frequently Asked Questions (FAQ)