Scribble - Draw Your Way Puzzle Game

Seele01-Flash
By
Scribble is an innovative drawing puzzle game where you help adorable characters navigate dangerous levels by drawing lines, bridges, and protective structures. Use your creativity and strategic thinking to guide them to safety!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Scribble: The Ink Rescue**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D Isometric or Orthographic perspective mimicking the classic "Nitrome" pixel-art style but in 3D. * **Color Palette:** High saturation. Background should be a textured vibrant orange/yellow (resembling parchment or canvas). Sky/Upper bounds should be a deep red. * **Characters ("Blots"):** Small, cute, black spherical blobs with large white eyes and stick-figure legs. They should look like animated ink droplets. Use simple "squash and stretch" vertex animations for walking. * **The Ink:** The lines drawn by the player should be rendered as **TubeGeometries** with a jagged, rough shader to look like wet ink or pencil scratches, not perfect cylinders. * **Performance (Mobile):** * Use **InstancedMesh** for the "Blots" since there will be many on screen. * Limit the ink trail geometry segments to prevent memory leaks; implement a system where old ink lines fade out and disappear after a set duration or length limit. * Simple Toon Shader (Cel-shading) for all models to maintain the cartoon aesthetic without expensive lighting calculations. ### 2. Audio Requirements * **BGM:** A fast-paced, quirky **Chiptune/8-bit track** with a strong bassline and playful melody, characteristic of Flash-era arcade games. * **Sound Effects:** * **Drawing:** A satisfying "scratching" or "wet marker" sound that loops while the player's finger is moving on the screen. * **Blots:** High-pitched, chip-processed squeaks for spawning, jumping, and a sad "splat" sound if they fall into a trap. * **UI:** Retro "bloop" sounds for button presses. ### 3. Gameplay Loop * **Core Mechanic (Lemmings-style):** The "Blots" spawn continuously from a Start Portal and walk automatically in one direction. They have basic physics (gravity) but zero intelligence—they will walk blindly into pits or spikes. * **Player Interaction:** The player cannot control the Blots directly. instead, the player acts as the "Artist." By dragging on the screen, the player draws **solid physical lines** (Ink). * **Bridges:** Draw lines over pits for Blots to walk across. * **Ramps:** Draw angled lines to help Blots climb up ledges. * **Walls:** Draw vertical lines to block Blots and make them turn around. * **Win/Loss:** * **Win:** Guide a specific number of Blots (e.g., 10) safely to the "Exit Portfolio." * **Loss:** If too many Blots die (fall off screen or hit spikes), the level fails. ### 4. Mobile Controls & Interaction * **Touch Drawing System:** * **Raycasting:** Implement a robust Raycaster that maps 2D touch coordinates to the 3D world plane (Z=0). * **Gesture:** Single-finger drag to draw. The line must generate a physics collider immediately so Blots can walk on it instantly. * **Camera Control:** * Two-finger pinch to Zoom in/out. * Two-finger drag to Pan the camera (to see ahead of the level). * **UI Layout:** * **Ink Meter:** A bar on the left side showing remaining ink (recharges slowly or requires collecting ink items). * **Fast Forward Button:** A toggle in the bottom-right corner to speed up the Blots (crucial for mobile session length). * **Retry Button:** Top-right corner, min-size 44x44px. * **Feedback:** Haptic vibration when a Blot successfully enters the exit or dies. Visual particle "poof" when a drawn line expires/vanishes. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Scribble is a unique drawing-based puzzle game that challenges players to think creatively while helping cute pixelated characters reach their destination safely. This engaging skill game combines the strategic elements of classic puzzle games with the creative freedom of drawing mechanics, offering a refreshing take on the puzzle genre.

In this charming pixel-art adventure, you'll encounter groups of small characters who need your help to navigate through treacherous levels filled with pitfalls, traps, and obstacles. Your drawing tool becomes their lifeline as you sketch paths, bridges, and protective barriers to ensure their safe passage.

Core Features

Scribble offers an engaging gameplay experience with several standout features:

  • Creative Drawing Mechanics : Use your mouse or finger to draw lines, ramps, and structures that interact with the game physics
  • Strategic Puzzle Solving : Each level requires careful planning and creative problem-solving to guide all characters safely
  • Charming Pixel Art Style : Enjoy beautifully crafted retro-style graphics that bring the game world to life
  • Progressive Difficulty : Start with simple levels and gradually face more complex challenges that test your skills
  • Physics-Based Gameplay : Your drawings interact realistically with the game environment and characters
  • Completely Free : Play the full game without any cost or registration requirements

Innovative Drawing System

The game's core mechanic revolves around drawing ink structures that become solid platforms, bridges, or barriers. Your drawings must be strategic - too much ink and you'll waste resources, too little and your characters might fall into danger. This creates a perfect balance between creativity and resource management.

Character Rescue Gameplay

Similar to classic puzzle games, Scribble challenges you to guide multiple characters simultaneously. Each character follows simple movement patterns, and it's your job to modify the environment through drawing to ensure they all reach the exit safely. This creates engaging scenarios where timing and spatial planning are crucial.

Game Mechanics

Scribble combines several gameplay elements that work together seamlessly:

Drawing Physics : Every line you draw becomes a physical object that characters can walk on, slide down, or be blocked by. The game's physics engine ensures realistic interactions between your drawings and the moving characters.

Resource Management : You have limited ink to work with in each level, making every stroke count. This adds a strategic layer where you must plan your drawings carefully.

Environmental Hazards : Levels feature various obstacles including spikes, pits, moving platforms, and other dangers that require different drawing solutions.

Operation Guide

Getting started with Scribble is intuitive and straightforward:

  • Drawing : Click and drag with your mouse (or touch and drag on mobile) to draw lines and structures
  • Erasing : Use the eraser tool to remove unwanted lines and conserve ink
  • Level Navigation : Use in-game menus to restart levels or progress to new challenges
  • Zoom Controls : Adjust your view to see the entire level or focus on specific areas

The game includes comprehensive in-game tutorials that explain all controls and mechanics as you progress through the initial levels.

Why Play Scribble

Perfect for Creative Problem Solvers : If you enjoy games that let you think outside the box and create your own solutions, Scribble offers endless creative possibilities. Every level can be solved in multiple ways, encouraging experimentation.

Accessible Yet Challenging : The simple drawing controls make the game easy to learn, but the increasingly complex levels provide substantial challenge for puzzle game veterans.

No Download Required : Play instantly in your browser without any downloads, installations, or account creation. The game runs smoothly on both desktop and mobile devices.

Educational Value : Scribble helps develop spatial reasoning, planning skills, and creative thinking while providing entertainment.

Relaxing Yet Engaging : The charming art style and gentle music create a relaxing atmosphere, while the puzzle challenges keep you mentally engaged.

Whether you're looking for a quick brain teaser or an extended puzzle-solving session, Scribble delivers a unique gaming experience that combines creativity with strategic thinking in a beautifully crafted pixel-art world.

Frequently Asked Questions (FAQ)