Cookie Cutter: Twisted!

Seele01-Flash
By
Cookie Cutter: Twisted! is a fun and addictive puzzle game where you cut perfect cookie shapes against the clock. Test your precision and speed in this delightful cutting challenge.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Cookie Cutter: Twisted!". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A "2.5D" aesthetic. The camera should be top-down perspective (OrthographicCamera recommended) looking at a kitchen counter. The style should be warm, cute, and cartoonish, utilizing a palette of creamy dough colors, pastel UI accents, and metallic silver for the cutters. * **Key Models:** * **The Dough:** A large, flattened textured plane (beige/cream) taking up the center of the screen. It should have a slight "bump map" texture to look realistic. * **The Cutter:** A 3D extruded outline of a shape (Star, Heart, Gingerbread Man). It casts a shadow on the dough to indicate height. * **The Cookies:** When cut, the mesh inside the cutter should elevate slightly and a texture should appear on the surface. Crucially, apply "Twisted/Grumpy" facial expressions (decals) to the cookies as seen in the reference image (simple vector-style eyes and mouth). * **Environment:** A wooden or marble texture background acting as the table. * **Effects:** A small particle explosion (flour puff) when a cookie is successfully cut. * **Optimization:** Use simple geometry (low poly cylinders/extrusions) and baked lighting texture for the environment to ensure 60FPS on mobile devices. ### 2. Audio Requirements * **BGM:** A lighthearted, whimsical "cooking show" style track. Pizzicato strings, light percussion, and flute. * **Sound Effects (SFX):** * **Moving Cutter:** A soft sliding sound (flour on wood). * **Rotation:** A mechanical "ratchet" or "whoosh" sound. * **Cutting Action:** A satisfying "squish" or "thump" sound mimicking metal hitting dough. * **Success:** A high-pitched "Ding!" or "Yipee!" sound. * **Fail/Waste:** A low "buzzer" or a "crumble" sound if the player cuts over a previous hole. ### 3. Gameplay Loop * **Objective:** Fit as many cookies as possible onto the sheet of dough, or match specific target outlines that appear on the dough. * **The Loop:** 1. **Spawn:** A sheet of dough appears. A target shape (ghost outline) appears randomly on the dough, OR the player is free to place shapes to maximize space. 2. **Positioning:** The player drags the metal cutter tool over the dough. 3. **Rotation:** The player must rotate the cutter to fit the space or match the target orientation. 4. **Action:** The player presses a "CUT" button. 5. **Validation:** * If the cut overlaps an existing hole or goes off-edge -> **Fail/Penalty**. * If the cut is valid -> **Success**. The cookie pops up with a funny face, points are awarded based on precision/speed. * **Win Condition:** Fill the tray with a specific number of cookies within a time limit. ### 4. Mobile Controls & Interaction * **Touch & Drag:** Use a Raycaster to map touch position to the cutter's X/Z position. The cutter should follow the finger but float slightly above the dough. * **Rotation Control:** Since multi-touch rotation can be finicky on web, implement a **circular slider UI** or two large buttons (Rotate Left / Rotate Right) at the bottom corners of the screen for precise control. * **Action Button:** A large, distinct "STAMP" button in the bottom center (thumb-friendly zone). This separates the positioning action from the cutting action to prevent accidental cuts. * **Screen Orientation:** Portrait mode is preferred to mimic a baking tray layout, but the canvas should resize dynamically. * **Feedback:** * **Visual:** The cutter turns Red if the position is invalid (overlapping/out of bounds) and Green if valid. * **Haptic:** Trigger `navigator.vibrate(50)` when the cutter enters a valid placement zone or snaps to a target angle. Trigger a stronger vibration on the "Stamp" action. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Cookie Cutter: Twisted! is an engaging puzzle game that combines precision, speed, and fun in a delightful cookie-cutting experience. With a solid 3.0 rating from players, this game challenges you to cut perfect shapes for delicious cookies as quickly and accurately as possible. The game's charming premise and intuitive gameplay make it perfect for players of all ages looking for a quick, entertaining puzzle challenge.

Core Features

This delightful puzzle game offers several engaging elements:

  • Free to Play : Enjoy the complete game experience without any cost or downloads required
  • Easy to Learn : Simple controls make it accessible for beginners while remaining challenging for experienced players
  • Cute Visual Style : Charming graphics and adorable cookie designs create an enjoyable atmosphere
  • Precision Challenge : Test your accuracy and timing skills with increasingly complex shapes
  • Browser Compatible : Play instantly on any modern web browser across all devices
  • Quick Sessions : Perfect for short gaming breaks with fast-paced rounds

Addictive Gameplay Mechanics

The game's core mechanic revolves around cutting cookie dough into specific shapes using various cookie cutters. Each level presents different target shapes that you must cut as accurately as possible. The challenge lies in positioning your cutter perfectly and timing your cuts for maximum precision.

Customization Elements

As a "Make Your Own" style game, Cookie Cutter: Twisted! allows players to experiment with different cutting techniques and strategies. You can rotate your cookie cutter to find the perfect angle for each cut, adding a strategic element to the gameplay.

Game Gameplay

The gameplay in Cookie Cutter: Twisted! is straightforward yet engaging:

  • Objective : Cut cookie dough into perfect shapes matching the target designs
  • Scoring : Earn points based on accuracy and speed of your cuts
  • Progression : Advance through levels with increasingly complex cookie shapes
  • Challenge : Race against time while maintaining precision for the best scores

Operation Guide

Master the simple but effective control scheme:

  • Mouse Click : Click to cut the cookie dough with your selected cutter
  • Mouse Wheel : Scroll up or down to rotate the cookie cutter for optimal positioning
  • Z/X Keys : Alternative rotation controls - use Z and X keys to rotate the cutter left and right
  • Visual Feedback : Watch the target shape and align your cutter accordingly before making the cut

The key to success is patience and precision. Take time to line up your cutter perfectly with the target shape before clicking to cut.

Why Play This Game

Cookie Cutter: Twisted! offers the perfect blend of relaxation and challenge. Whether you're looking for a quick mental break or want to improve your hand-eye coordination, this game delivers satisfaction through its simple yet engaging mechanics. The cute theme makes it appealing for casual gamers, while the precision requirements provide enough challenge to keep you coming back for better scores.

The game's browser-based nature means you can enjoy it anywhere without downloads or installations, making it ideal for office breaks, waiting periods, or casual gaming sessions at home.

Frequently Asked Questions (FAQ)