Wordmeister - Free Online Word Game

Seele01-Flash
By
Wordmeister is a free online word puzzle game similar to Scrabble. Create words using letter tiles on a strategic board to score maximum points against opponents or challenge yourself solo.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Wordmeister". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: A clean, premium digital board game aesthetic. Use a "Skeuomorphic" approach where 3D elements look tactile but the interface is clean. * **The Board**: A 15x15 grid plane. The base color is white/off-white. Specific grid cells must be colored to represent bonuses: * **Light Blue**: Double Letter Score. * **Green**: Triple Letter Score. * **Orange**: Double Word Score. * **Red**: Triple Word Score. * **Center Star**: Mark the center tile (H8) as the starting point. * **The Tiles**: Create rounded beveled cube geometries to represent "Wooden Tiles". They should have a cream/wood texture color. * Each tile must display a bold black uppercase Letter (A-Z) and a small subscript Number (score value). * Use a dynamic texture generation (CanvasTexture) for the tiles to minimize asset loading. * **Background**: A deep, calming gradient blue (similar to the reference image) or a dark table surface to make the bright board pop. * **Lighting**: Use a soft DirectionalLight casting shadows to the bottom-right to give tiles depth/height off the board, plus AmbientLight for general visibility. * **Optimization**: Use `InstancedMesh` for the board grid cells if possible to save draw calls. Ensure textures are power-of-two. ### 2. Audio Requirements * **BGM**: A relaxing, intellectual loop. Think "Coffee Shop Jazz" or "Lo-fi Acoustic Guitar". It should be non-intrusive. * **Sound Effects (SFX)**: * **Tile Pickup**: A subtle "lift" sound. * **Tile Drop (Valid)**: A satisfying wooden "clack" or "thock" sound (high priority for tactile feel). * **Tile Drop (Invalid/Return to Rack)**: A lower-pitched "whoosh" slide. * **Score Calculation**: A rapid "ticking" sound as points are added up. * **Victory/High Score**: A melodic chime. ### 3. Gameplay Loop * **Initialization**: Generate a "Bag" of letters based on standard English frequency (e.g., many E's, few Z's). Give the player and the opponent (CPU) 7 tiles each. * **Turn Logic**: 1. **Player Phase**: Player drags tiles from their "Rack" (bottom of screen) onto the board. 2. **Validation**: On clicking "Play", the system checks: * Are tiles placed in a single straight line (horizontal or vertical)? * Are they connected to existing tiles (or the center star for the first move)? * (Mock function) Is the formed word valid? 3. **Scoring**: Calculate score: Sum of letter values + apply Letter Multipliers -> then apply Word Multipliers. 4. **Refill**: Draw new tiles from the bag to return to 7. 5. **CPU Phase**: The AI automatically places a valid word (can be mocked for this demo) and scores. * **Game End**: When the bag is empty and one player clears their rack. ### 4. Mobile Controls & Interaction * **Camera**: Use an **OrthographicCamera** or a high-FOV PerspectiveCamera locked in a top-down view. No rotation allowed, only slight panning/zooming if the screen is small. * **Touch Interactions**: * **Raycaster Implementation**: Precise raycasting for detecting touch on tiles. * **Drag & Drop**: Implement a robust drag-and-drop system. When a player drags a tile, it should float slightly above the board (y-axis lift) and cast a shadow. * **Snap-to-Grid**: When releasing a tile near a grid cell, it must physically "snap" into the center of that cell. If released off-grid, it animates back to the player's rack. * **UI Overlay (HTML/CSS)**: * **Rack Area**: A fixed container at the bottom of the screen for the player's 7 tiles. * **Action Buttons**: Large, thumb-friendly buttons (min 44px height) for "PLAY", "SHUFFLE", "SWAP", and "PASS". * **Scoreboard**: Top area displaying "Player Score" vs "CPU Score" and "Tiles Left". * **Feedback**: Trigger `navigator.vibrate(10)` (haptic feedback) when a tile successfully snaps into a grid slot. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Wordmeister

Wordmeister is an engaging English word puzzle game that brings the classic Scrabble experience to your browser. This free online game challenges players to create words using letter tiles on a strategic game board, earning points based on letter values and special bonus squares. Perfect for word game enthusiasts and vocabulary builders alike.

Core Features

Strategic Word Building

Place letter tiles strategically on the game board to form valid English words. Each letter carries a point value, with less common letters worth more points. The game accepts all words from the official Scrabble dictionary, giving you thousands of word combinations to explore.

Multiplayer Competition

Face off against other players in real-time matches. The game randomly determines who goes first by assigning letters to each player - whoever gets the letter closest to 'A' takes the opening turn. Compete to achieve the highest score through clever word placement and strategic thinking.

Bonus Square System

The game board features colored bonus squares that multiply your scoring potential: - Blue squares : Double the letter value - Green squares : Triple the letter value
- Orange squares : Double the entire word score - Red squares : Triple the entire word score

Mastering these bonus positions is key to achieving high scores and winning matches.

Flexible Gameplay Options

When you're stuck, use helpful features like letter swapping to exchange unwanted tiles for new ones, or shuffle your current letters for fresh inspiration. You can also skip turns when needed, making the game accessible for players of all skill levels.

How to Play

Basic Gameplay

  1. Start the game : Players receive random starting letters to determine turn order
  2. Form words : Drag and drop letter tiles to create words on the board (minimum 2 letters)
  3. Score points : Each letter has an assigned value, with bonus squares multiplying your score
  4. Take turns : Continue alternating turns until no tiles remain or no valid words can be formed
  5. Win the match : The player with the highest total score wins

Strategic Tips

  • Target bonus squares to maximize your word scores
  • Save high-value letters for premium positions
  • Block opponents from accessing valuable bonus squares
  • Use shorter words strategically to set up longer, high-scoring plays

Game Controls

Mouse Controls : Simply drag the left mouse button to move letter tiles from your rack to the game board. The intuitive interface makes word placement quick and easy.

Why Play Wordmeister

Perfect Scrabble Alternative

If you love Scrabble but want the convenience of online play, Wordmeister delivers the same strategic depth and vocabulary challenge without needing physical game pieces or finding opponents in person.

Educational Value

Improve your vocabulary, spelling, and strategic thinking skills while having fun. The game encourages learning new words and exploring different word combinations.

Accessibility Features

  • Free to play : No payment required for full game access
  • Cross-platform : Works perfectly on desktop computers and mobile devices
  • No download : Play instantly through your web browser
  • Built-in tutorial : Concise instructions help new players get started quickly
  • Score tracking : Clear display of points earned and remaining tiles

Social Gaming

Connect with word game enthusiasts worldwide through competitive multiplayer matches. Challenge friends or meet new opponents who share your passion for wordplay.

Platform Support

Wordmeister runs smoothly on all modern web browsers, supporting both desktop and mobile gameplay. Whether you're on Windows, Mac, iOS, or Android, you can enjoy the full gaming experience without any downloads or installations.

Frequently Asked Questions (FAQ)