Skeleton Simulator - Interactive Human Anatomy Game

Seele01-Flash
By
Skeleton Simulator is an interactive physics-based game that lets you manipulate human skeletal joints to study biomechanics and movement patterns. Perfect for students, educators, and curious minds exploring human anatomy.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Skeleton Simulator". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Replicate a "scientific diagram" or "X-ray" aesthetic. Use a dark gray background (`#1a1a1a`) with a subtle grid pattern on the floor to indicate scale. * **Camera:** Use an **Orthographic Camera** to maintain the flat, 2D side-scrolling look of the original screenshot while utilizing 3D physics behind the scenes. * **Character Model:** Procedurally generate the skeleton using Three.js primitives (CapsuleGeometry for bones, SphereGeometry for joints). * **Bones:** Semi-transparent white (`opacity: 0.5`) to simulate an X-ray look. * **Joints:** Bright red (`#ff0000`) spheres that act as interactive drag handles. * **Strings:** Render thin white lines (using `THREE.Line`) connecting the skeleton's head and shoulders to invisible overhead anchor points, simulating a marionette. * **Performance:** Use instanced rendering for the joints if possible. Ensure materials are simple (MeshBasicMaterial or MeshLambertMaterial) to maintain high frame rates (60fps) on mobile devices. ### 2. Audio Requirements * **Background Music (BGM):** A minimal, quirky, and "scientific" loop. Think quiet, rhythmic synthesizer beeps or a soft ambient drone that suggests a laboratory setting. * **Sound Effects (SFX):** * **Bone Clatter:** A dry, wooden xylophone-like sound when bones collide with the floor or each other. * **Joint Drag:** A subtle "ratchet" or servo motor sound when the player drags a joint. * **UI Interaction:** clean mechanical clicks for button presses. * **Physics Stress:** A stretching sound if the player pulls a limb too far from its natural limit. ### 3. Gameplay Loop * **Physics Core:** Integrate a physics engine (like Cannon.js, Oimo.js, or Enable3d) to handle ragdoll physics. The skeleton must react to gravity and collision. * **Puppeteer Mechanic:** The player adjusts the "strings" (constraints) holding the skeleton. By dragging the red joints, the player changes the tension and position of the marionette. * **Simulation Modes:** * **Drag Mode:** The skeleton is limp; player positions it manually. * **Walk Mode:** Apply periodic impulse forces to the legs to simulate a procedural walking gait based on the current joint configuration. The fun comes from seeing how bad posture leads to hilarious stumbling. * **Duo Mode:** Spawn a second skeleton to interact/collide with the first one using the same physics properties. ### 4. Mobile Controls & Interaction * **Touch & Drag:** Implement a Raycaster specifically tuned for touch inputs. Increase the "hitbox" radius of the red joint spheres by 50% to make them easy to grab with a thumb, even if the visual model is small. * **Screen Orientation:** Lock to **Landscape Mode** to allow sufficient horizontal space for the skeleton to "walk" across the screen. * **UI Layout:** * Place a high-contrast toolbar at the bottom of the screen. * **Buttons:** "Drag Limbs", "Walk", "Duo", "Reset". Buttons must be at least 44px height with generous padding. * **Visual Feedback:** When a joint is touched/grabbed, it should scale up slightly and glow brighter to indicate selection. * **Haptic Feedback:** Trigger a short vibration (using the Navigator Vibration API) when a joint reaches its maximum rotational limit or when the skeleton falls over. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Skeleton Simulator is a fascinating educational simulation that transforms complex biomechanics into an engaging interactive experience. This science-based game allows you to control individual skeletal joints and observe how these adjustments affect human locomotion and posture in real-time.

The game features a detailed anatomical model where every joint can be manipulated, providing insights into how the human skeletal system works together to create movement. Whether you're a student studying anatomy, an educator looking for interactive teaching tools, or simply curious about human biomechanics, this simulator offers an intuitive way to explore the mechanics of human movement.

Core Features

Interactive Joint Control System

The game's standout feature is its precise joint manipulation system. Each articulation point on the skeleton can be individually controlled, allowing you to:

  • Adjust limb angles and observe immediate changes in walking patterns
  • Experiment with joint constraints to understand their role in natural movement
  • Create custom poses and see how they affect overall body mechanics
  • Study biomechanical principles through hands-on experimentation

Multi-Skeleton Interactions

Add multiple skeletons to your simulation and watch their hilarious and educational interactions. This feature is perfect for:

  • Comparing different movement patterns side by side
  • Creating amusing skeletal animations
  • Understanding how environmental factors affect movement
  • Demonstrating biomechanical concepts to groups

Educational Value

Beyond entertainment, Skeleton Simulator serves as a valuable educational tool for understanding:

  • Human anatomy fundamentals
  • Joint mechanics and range of motion
  • Physics principles in biological systems
  • Cause and effect relationships in movement

Gameplay Mechanics

The simulation operates on realistic physics principles, making every adjustment feel authentic and scientifically accurate. The skeleton responds naturally to your modifications, demonstrating real biomechanical relationships.

Scientific Accuracy

While maintaining an accessible interface, the game incorporates genuine anatomical and physics principles, making it suitable for educational environments while remaining entertaining for casual users.

Operation Guide

Getting started with Skeleton Simulator is straightforward:

  • Tap or left-click on any joint to select and modify it
  • Drag control points to adjust joint angles and positions
  • Use interface buttons to access different view modes and skeleton options
  • Experiment freely - there's no wrong way to explore the simulation

The intuitive control scheme means you can start experimenting immediately without complex tutorials or lengthy setup procedures.

Why Play This Game

Skeleton Simulator offers a unique blend of education and entertainment that appeals to various audiences:

For Students and Educators : An interactive way to visualize and understand human anatomy and biomechanics that textbooks simply cannot provide.

For Curious Minds : A fascinating exploration of how the human body creates movement through complex joint interactions.

For Casual Players : An oddly satisfying and humorous physics playground where you can create amusing skeletal animations.

The game's browser-based format means instant access without downloads or installations, making it perfect for classroom use, quick learning sessions, or entertaining breaks.

Platform Accessibility

Available as a free browser game, Skeleton Simulator works seamlessly across desktop computers, tablets, and mobile devices. This universal compatibility ensures that learning about human anatomy is accessible anywhere, anytime.

Frequently Asked Questions (FAQ)