We Become What We Behold

Seele01-Flash
By
We Become What We Behold is a powerful 5-minute point-and-click experience that explores how media shapes society. As a news photographer, your choices determine whether peace or conflict prevails between the Squares and Circles.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "We Become What We Behold". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: strictly **2.5D Aesthetic**. Use an `OrthographicCamera` to simulate a flat, canvas-like view. The world should be gray (`#b0b0b0`), and characters should be 2D `PlaneGeometry` or `Sprites` with transparent backgrounds, using hand-drawn, shaky-line art textures (white bodies, black outlines). * **Character Assets (Peeps)**: Create two distinct tribes: "Circles" (round heads) and "Squares" (square heads). They need simple spritesheet animations: Idle, Walk, Angry (Red face), and Scared. * **Key Prop**: A central "TV Screen" overlay UI that renders the "captured" photo. * **Post-Processing**: Apply a slight **Noise/Grain Shader** or a CRT Scanline effect to the entire scene to emphasize the "media" theme. * **Performance**: Use `InstancedMesh` for the crowd if the count exceeds 50, but for gameplay clarity, keep the population around 20-30 active agents. Texture atlases should be used to minimize draw calls. ### 2. Audio Requirements * **BGM**: A dynamic track that starts as a playful, simple drum beat/whistle and evolves into a chaotic, dissonant, fast-paced rhythm as the "Violence" level increases. * **SFX**: * **Shutter**: A loud, satisfying mechanical camera snap sound. * **Feedback**: A "Cricket chirping" sound if the player takes a boring photo (nothing interesting happening). A "Gasp/Shock" crowd sound if a violent act is captured. * **UI**: Static white noise hiss when the TV updates the headline. ### 3. Gameplay Loop * **Observation Phase**: Agents (Circles and Squares) wander the screen using simple Boid-like steering behaviors (separation, alignment) but mostly random wandering. Occasional random events occur (e.g., a Square wears a hat, a Circle trips). * **Capture Phase**: The player controls a square "Camera Frame". When the shutter is triggered, use `Raycaster` or bounding box logic to detect which agents are inside the frame. * **The "News" Cycle**: * If a boring photo is taken: Show "BORING!" on the TV. Nothing changes. * If a "Conflict" is taken (e.g., Square hitting Circle): Broadcast it on the TV with a sensational headline (e.g., "SQUARE HATES CIRCLE!"). * **Social Infection Mechanic**: Once a headline is broadcast, the population reacts. If "Square Hates Circle" is shown, all Squares in the scene gain a small probability to turn "Angry" when seeing a Circle. This creates a feedback loop leading to total chaos (red scribbles, frantic movement) as the game progresses. ### 4. Mobile Controls & Interaction * **Viewfinder Control**: Since "hover" doesn't exist on mobile, the Camera Frame should offset slightly above the user's touch point (so the finger doesn't hide the view). * **Capture Mechanism**: Implement a large, dedicated **Shutter Button** in the bottom-right corner (minimum 64x64px touch target). The player drags the frame with the left hand/thumb and taps the Shutter with the right thumb. * **Orientation**: Force **Landscape Mode** to maximize the horizontal view of the crowd. * **Feedback**: * **Haptics**: Trigger a heavy vibration (using `navigator.vibrate`) when a photo captures a "Viral" event. * **Visual**: A white flash overlay (screen opacity 1 to 0 fade) when the shutter is pressed. * **UI Layout**: Keep the "TV Screen" (Current Headline) in the top center, ensuring it doesn't obscure the gameplay area. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

We Become What We Behold is a critically acclaimed point-and-click simulation game that delivers a profound message in just 5 minutes of gameplay. This unique interactive experience puts you in the role of a news photographer whose camera choices shape the narrative between two communities - the Squares and Circles.

The game masterfully demonstrates how media coverage can amplify small misunderstandings into major conflicts, serving as a powerful commentary on modern social media and news consumption. With its minimalist art style and deep storytelling, this award-winning game has captivated players worldwide with its thought-provoking message.

Core Features

Meaningful Choice-Based Gameplay

Every photograph you take matters. Your editorial decisions as a news photographer directly influence the relationship between the Square and Circle communities. Will you choose to highlight peaceful interactions or focus on conflict?

Quick but Impactful Experience

Designed as a complete 5-minute journey, the game respects your time while delivering maximum emotional impact. Perfect for players seeking meaningful gaming experiences without long time commitments.

Social Commentary Through Gaming

The game brilliantly illustrates how media framing affects public perception and social dynamics. It's both an entertaining game and an educational tool about media literacy and social responsibility.

Minimalist Art Design

Featuring clean, simple graphics that focus attention on the story and message rather than complex visuals. The stick-figure art style is deliberately chosen to emphasize universal themes.

Cross-Platform Accessibility

Play directly in your browser on any device - computer, tablet, or smartphone. No downloads or installations required.

Game Mechanics

As a news photographer, you control a camera viewfinder that moves around the screen. Your job is to capture newsworthy moments between the Squares and Circles. The gameplay mechanics are intentionally simple:

  • Photography Focus : Look for interesting interactions and conflicts
  • Editorial Choices : Decide what stories deserve coverage
  • Consequence System : Watch how your media choices influence society
  • Multiple Outcomes : Different photography choices lead to different endings

Operation Guide

Mouse Controls : - Drag : Move the camera viewfinder around the screen - Click : Take a photograph of the scene within the frame - Strategic Positioning : Capture unique and eventful moments that will become news stories

Gameplay Tips : - Look for interactions between different characters - Focus on moments that seem newsworthy or dramatic - Consider the potential impact of each story you choose to cover - Experiment with different editorial approaches across multiple playthroughs

Why Play This Game

Educational Value

This game serves as an excellent introduction to media literacy concepts. It demonstrates how editorial choices in news coverage can influence public opinion and social dynamics, making it valuable for students, educators, and anyone interested in understanding media influence.

Award-Winning Design

Recognized in the gaming community for its innovative approach to social commentary through interactive media. The game has received praise for tackling complex social issues through accessible gameplay.

Perfect for All Ages

While dealing with mature themes, the game's presentation makes it appropriate for players of all ages. It's an excellent conversation starter about media responsibility and social awareness.

Replay Value

Despite its short length, the game encourages multiple playthroughs to explore different editorial approaches and their consequences. Each playthrough can reveal new insights about media influence and social dynamics.

Free and Accessible

Completely free to play with no hidden costs, advertisements, or premium content. The game is committed to making its important message accessible to everyone.

Frequently Asked Questions (FAQ)