We Become What We Behold

Seele01-Flash
By
We Become What We Behold is a powerful 5-minute point-and-click game that explores how media shapes society. Use your camera to capture moments and witness how they influence the behavior of square and circle characters.

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**: Adopt a **2.5D "Paper Cutout" aesthetic**. Use an Orthographic Camera to simulate a flat, 2D drawing style similar to the original Flash game, but with slight depth of field. * **Character Models**: Use **InstancedMesh** or **Billboards (Sprites)** for the crowd to ensure high performance on mobile devices (60 FPS target). * Textures: Hand-drawn, rough black-outline geometric shapes (Squares and Circles). * Variations: Normal, With Hat, Angry (Red face), In Love (Hearts), Dead (X eyes). * **Environment**: A minimalist light grey infinite plane. * **The TV**: A 3D model of a television set placed prominently in the UI overlay or floating in the background. It must have a **RenderTexture** applied to its screen that displays the last captured screenshot with a "CRT Scanline" shader effect. * **UI Overlay**: A "Viewfinder" frame (square brackets) that moves with the player's input. Hashtags (e.g., #NICEHAT, #ANGER) should pop up with a jagged, hand-drawn font style. ### 2. Audio Requirements * **BGM (Background Music)**: Implement a dynamic music system. * *Phase 1*: Simple, rhythmic, quirky acoustic tapping (playful). * *Phase 2*: Introduction of dissonant tones as "Anger" spreads. * *Phase 3*: Chaotic, fast-paced drumming during the "Violence" climax. * **SFX (Sound Effects)**: * **Camera Shutter**: A loud, realistic mechanical shutter sound followed by a high-pitched capacitor whine recharge. * **Crowd**: Muffled chatter (low pass filter) that changes to screams/shouting based on game state. * **UI**: A "scribble" sound when a hashtag appears. * **TV**: Static white noise burst when the image updates. ### 3. Gameplay Loop * **Core Mechanic**: The player controls a camera frame. They act as an observer, not a participant. * **Crowd Simulation**: * Spawn 20-30 NPCs (Squares and Circles) moving via **random walk** or simple **boids** logic. * NPCs must interact: Passing each other, pausing to look at the "Strange" character (e.g., Hat Man), or attacking if "Angry". * **Capture & React System**: * **Input**: Player captures a photo of a specific event (e.g., Circle wearing a Hat). * **Analysis**: The code must check which objects are inside the Viewfinder bounds (Frustum Culling check). * **Viral Logic**: * If "Hat Man" is photographed -> TV shows Hat -> All NPCs spawn hats. * If "Angry Man" is photographed -> TV shows Anger -> 50% of NPCs turn red/angry. * If "Violence" is photographed -> TV shows violence -> NPCs start destroying each other. * **Game State**: Track "Peace," "Trends," and "Fear" levels. The game ends when the population is decimated by the cycle of hatred. ### 4. Mobile Controls & Interaction * **Input Method**: * **Drag/Pan**: One-finger drag on the screen moves the Viewfinder (Camera position). * **Capture**: A large, dedicated circular button on the bottom-right (simulating a shutter button) for taking photos. Do NOT use double-tap (conflicts with zoom). * **Orientation**: Locked to **Landscape Mode** to accommodate the widescreen TV display and the playing field side-by-side. * **Haptic Feedback**: Trigger the device's vibration hardware (using `navigator.vibrate`) specifically when: * The shutter button is pressed (short, sharp tick). * A "Violence" event occurs (heavy rumble). * **UI Zones**: Ensure the shutter button is at least 64x64px and placed in the "Thumb Zone" (bottom right corner). Keep the center of the screen clear for viewing the crowd. 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 unique social commentary game that can be completed in just 5 minutes. This thought-provoking point-and-click experience puts you in the role of a photographer documenting the interactions between square-headed and circle-headed characters. The game brilliantly demonstrates how media coverage can influence public behavior and create vicious cycles in society.

The game opens with the profound quote: "We become what we behold. We shape our tools, and then our tools shape us." This sets the tone for an experience that's both entertaining and deeply meaningful, exploring themes of media influence, social behavior, and the power of perception.

Core Features

Minimalist Yet Powerful Design

  • Quick Gameplay : Complete the entire experience in just 5 minutes
  • Simple Controls : Use only your mouse to point, click, and capture photos
  • Meaningful Impact : Every photograph you take influences the game world
  • Social Commentary : Explores real-world issues through interactive storytelling

Character-Driven Narrative

The game features various character types that react differently to media attention: - Normal Peeps : Square and circle-headed characters going about their daily lives - The Fancy Hat Man : A trendsetter whose photo creates fashion waves - Couples in Love : Romantic pairs who face public scrutiny - Angry Characters : Individuals whose negative emotions can spread like wildfire - Crickets : Neutral characters that don't create drama ("Crickets are just crickets")

Dynamic Social System

Watch as your photographic choices create chain reactions throughout the community. The game demonstrates how: - Positive coverage can create trends that quickly become oversaturated - Focusing on love and happiness gets ignored in favor of drama - Anger and fear multiply faster than positive emotions - Media attention can transform peaceful communities into divided societies

Game Mechanics

Photography System

Your only interaction is through photography. Point your camera at characters and capture moments that will be displayed on a central TV screen for all characters to see. The challenge lies in choosing what to photograph, as each image shapes how the community behaves.

Cause and Effect Gameplay

Every photo creates ripple effects: 1. Trend Creation : Photograph someone unique, and others will imitate 2. Social Pressure : Document popular behaviors, and they may lose appeal 3. Emotional Contagion : Capture negative emotions, and they spread rapidly 4. Community Division : Focus on conflict, and watch society fracture

Operation Guide

Mouse Controls : - Left Click : Aim and capture photographs - Mouse Movement : Navigate your camera view - Point and Shoot : Focus on interesting character interactions

Strategy Tips : - Observe character behaviors before photographing - Notice how previous photos have affected the community - Experiment with different subjects to see various outcomes - Pay attention to the social dynamics between squares and circles

Why Play This Game

We Become What We Behold offers a unique gaming experience that combines entertainment with social awareness. Unlike typical games focused on action or achievement, this title challenges players to think critically about media consumption and its effects on society.

Educational Value

The game serves as an interactive lesson about: - Media literacy and the power of selective reporting - How public attention can amplify both positive and negative behaviors - The role of journalism in shaping public opinion - Social psychology and crowd behavior

Accessibility

  • Completely Free : No hidden costs or premium features
  • Browser-Based : No downloads or installations required
  • Cross-Platform : Works on desktop computers, tablets, and smartphones
  • Quick Experience : Perfect for short breaks or classroom discussions
  • Universal Themes : Relevant to players of all backgrounds and ages

Perfect for Multiple Audiences

  • Casual Gamers : Easy to learn, quick to complete
  • Educators : Excellent tool for discussing media literacy
  • Social Commentary Enthusiasts : Thoughtful exploration of important themes
  • Art Game Lovers : Minimalist design with maximum impact

Frequently Asked Questions (FAQ)