Riddle School - Escape Puzzle Adventure

Seele01-Flash
By
Riddle School is a classic point-and-click escape adventure where you must use wit and creativity to break free from a boring school day. Solve clever puzzles and outsmart teachers in this engaging cartoon-style game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Riddle School: The 3D Escape**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style (Flash-to-3D):** The game must replicate the iconic "Flash game" aesthetic using 3D models. Use **Low-poly geometry** with **Cel Shading (Toon Shading)**. * **Outline Rendering:** Implement an **inverted hull method** (rendering a slightly larger, back-face culled mesh in black behind the main mesh) or use a post-processing outline effect to recreate the thick black outlines seen in the screenshot. * **Character Model:** The protagonist (Phil) should have a spherical head, large black eyes (pill-shaped), orange skin, a green shirt, and blue pants. The geometry should be simple shapes (spheres/cylinders) to maintain high performance on mobile devices. * **Environment (The Classroom):** Create a room with simple grey walls and a green floor. Include rows of grey desks and chairs. Add a wall outlet with a visible crack near it (interactive element). Use flat textures with high contrast. * **Camera:** Use an **Orthographic Camera** positioned at a slight angle (isometric view) to mimic the 2D perspective of the original game while allowing for 3D depth. * **Optimization:** Use shared geometries for repeated objects (desks/chairs) to reduce draw calls. Limit texture resolution to 512x512. ### 2. Audio Requirements * **BGM:** A catchy, looping, synthesized MIDI-style track. It should sound mischievous and upbeat, reminiscent of early 2000s web games. * **Sound Effects (SFX):** * *Interaction:* A comical "pop" or "zip" sound when picking up items. * *Dialogue:* A "typewriter" ticking sound when text bubbles appear. * *Failure:* A low-pitched "buzzer" or "record scratch" when trying to leave without solving the puzzle. * *Environment:* Faint ambient sounds of a clock ticking or a teacher mumbling unintelligibly in the background. ### 3. Gameplay Loop * **Core Mechanic:** Classic Point-and-Click Adventure adapted for touch. * **Starting State:** The player sits in a boring class. The teacher is watching. * **Interaction Logic:** 1. **Observation:** Tapping an object (e.g., the sharpener, the vent, the teacher) triggers a text bubble describing it (often with sarcastic humor). 2. **Collection:** Finding a key item (e.g., a Hall Pass or a paperclip) adds it to the Inventory Bar. 3. **Combination/Usage:** Dragging an item from the inventory onto an object in the world solves a puzzle (e.g., using a screwdriver on the air vent). * **Win Condition:** Successfully distracting the teacher or finding the key to unlock the classroom door and transitioning the scene to the "Hallway." ### 4. Mobile Controls & Interaction * **Touch Input:** Use a Raycaster implementation attached to the `touchstart` event. * **Tap to Interact:** Tapping an object triggers its action. * **Tap Background:** No movement (this is a static room escape, not free roam). * **UI/Inventory System:** * A persistent inventory bar at the **bottom of the screen**. * Inventory slots must be at least **48x48 pixels** (approx. 7-10mm physical size) to ensure they are thumb-friendly. * **Feedback:** * **Visual:** When an interactive object is touched, it should flash white or scale up slightly (1.1x) to confirm selection. * **Haptic:** Trigger `navigator.vibrate(50)` on successful interaction or item collection. * **Orientation:** Force **Landscape Mode** preference via CSS, but ensure the canvas resizes responsively if the user rotates the device. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Riddle School is a beloved point-and-click escape adventure that launched one of the most popular puzzle game series online. In this engaging mystery game, you play as a clever student trapped in the most boring class imaginable, and your mission is crystal clear: escape! This isn't just any ordinary school day - it's a test of your problem-solving skills, creativity, and ability to think outside the box.

The game combines classic escape room mechanics with school-themed humor, creating an experience that's both challenging and entertaining. With its simple yet effective cartoon graphics and intuitive click-based interface, Riddle School appeals to puzzle enthusiasts of all ages.

Core Features

Interactive Puzzle Gameplay

Riddle School excels in delivering challenging puzzle experiences that require logical thinking and observation skills. Each classroom and hallway presents unique challenges that must be solved through careful exploration and creative problem-solving.

Cartoon Visual Style

The game features charming cartoon graphics that bring the school environment to life. The simple yet expressive art style creates a welcoming atmosphere while maintaining focus on the gameplay mechanics.

Engaging Character Interactions

One of the game's strongest points is its fun and humorous dialogue system . Interactions with teachers and fellow students are filled with wit and personality, making each conversation both entertaining and potentially helpful for your escape plan.

School Environment Exploration

Navigate through authentic school settings including classrooms, hallways, and various school facilities. Each location is carefully designed with interactive elements that serve both narrative and puzzle purposes.

How to Play

Basic Controls

Riddle School uses an intuitive point-and-click interface that's perfect for players of all skill levels:

  • Left Click : Interact with objects, characters, and examine items
  • Mouse Movement : Explore different areas and highlight interactive elements
  • Inventory System : Collect and use items strategically to solve puzzles

Gameplay Strategy

Success in Riddle School requires:

  1. Thorough Exploration : Click on everything to discover hidden items and clues
  2. Logical Thinking : Combine items and information to solve complex puzzles
  3. Attention to Detail : Pay close attention to dialogue and environmental hints
  4. Creative Problem-Solving : Think creatively about how everyday school items can be used

Puzzle Mechanics

The game features multiple types of challenges: - Item Collection : Find and gather useful objects throughout the school - Character Interaction : Talk to teachers and students to gain information - Environmental Puzzles : Manipulate objects in the school environment - Logic Challenges : Solve riddles and brain teasers to progress

Why Play Riddle School

Perfect for Puzzle Enthusiasts

If you enjoy escape room games and puzzle adventures , Riddle School offers the perfect blend of challenge and accessibility. The game strikes an excellent balance between being approachable for newcomers while still providing satisfying challenges for experienced players.

Nostalgic School Setting

The school environment resonates with players who remember the feeling of wanting to escape boring classes. This relatable setting adds an extra layer of enjoyment to the puzzle-solving experience.

Gateway to a Beloved Series

As the first game in the popular Riddle School series, this title serves as the perfect introduction to a world of interconnected puzzle adventures. Success here opens the door to even more complex and engaging sequels.

Free Browser Gaming

Riddle School is completely free to play and requires no downloads or installations. Simply open your browser and start playing immediately on any device with internet access.

Educational Value

While entertaining, the game also promotes critical thinking, problem-solving skills, and logical reasoning - making it both fun and mentally stimulating.

Frequently Asked Questions (FAQ)