Sprunki - Online Music Creation Game

Seele01-Flash
By
Sprunki is a free online music creation game that combines casual gameplay with horror elements. Mix beats, vocals, and melodies using unique characters to create your own musical compositions.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Sprunki: The Dual-Reality Music Mixer**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: A "2.5D Paper Cutout" aesthetic to mimic the original 2D art style within a 3D WebGL context. Characters and items should be rendered as textured `THREE.PlaneGeometry` facing the camera (`Billboard` behavior). * **Dual States**: The game requires two distinct visual themes that switch dynamically: * **Normal Mode**: High-saturation colors. Background is a bright cyan sky with low-poly, smooth green hills. Lighting is ambient and warm (white directional light). * **Horror Mode**: Dark, high-contrast palette. Sky turns void black or deep red. The green hills become desaturated grey/brown. Apply a subtle "Glitch" or "Noise" post-processing effect (ShaderPass) to the entire scene. * **Characters**: Create 7 character slots arranged horizontally. In "Normal Mode," they look like quirky cartoons (circles/squares with big eyes). In "Horror Mode," textures swap to grotesque, multi-eyed, or shadowed versions. * **Performance**: Use a single texture atlas for all character sprites to reduce draw calls. Use `OrthographicCamera` for a crisp, UI-like 3D view suitable for mobile screens. ### 2. Audio Requirements * **Audio Engine**: Implement a precise loop synchronization system (Web Audio API). All audio tracks must start at the beginning of the next musical bar to ensure they stay in tempo. * **Soundscapes**: * **Normal BGM**: Broken into layers (Beats, Melodies, Effects, Vocals). Style is upbeat, funky, and casual (Incredibox style). * **Horror BGM**: Distorted versions of the normal tracks, heavy bass, dissonant chords, and reversed vocal samples. * **SFX**: * *Equip*: A satisfying "Pop" or "Click" sound. * *Transition*: A loud static glitch or thunder crack when switching modes. * *UI*: Soft ticks for hovering/touching icons. ### 3. Gameplay Loop * **Core Mechanic**: The player sees a row of "naked" base avatars. At the bottom is a scrollable dock of icons (accessories/outfits). * **Music Creation**: Dragging an icon from the dock and dropping it onto a character performs three actions: 1. Visually dresses the character. 2. Starts a specific animation loop (dancing/singing). 3. Unmutes/Starts a specific audio layer synchronized to the global BPM. * **The Twist (Horror Trigger)**: One specific item in the dock (e.g., a Black Top Hat or a Strange Cube) is the "Trigger." Dragging this onto a character does not just add a layer—it instantly transitions the entire game state (Visuals + Audio) to **Horror Mode**. * **Management**: Tapping an active character mutes/unmutes them (character eyes close when muted). Dragging the character downward or long-pressing removes the item and stops the sound. ### 4. Mobile Controls & Interaction * **Touch Input**: Use `THREE.Raycaster` mapped to touch events (`touchstart`, `touchmove`, `touchend`). * **Drag & Drop**: Logic must handle the coordinate conversion from 2D screen space (touch) to 3D world space to ensure the icon follows the finger smoothly. * **Orientation**: Strictly **Landscape Mode** to fit the row of 7 characters and the mixing board. * **UI Layout**: * The "Accessory Dock" at the bottom must be scrollable horizontally if items exceed screen width. * Touch targets for icons must be at least 44x44 pixels. * **Feedback**: * **Visual**: When an icon is touched/held, scale it up by 1.2x. When hovering over a valid character slot, the slot should highlight (emission or glow). * **Haptic**: Trigger `navigator.vibrate(20)` on successful drop or mode switch. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Sprunki

Sprunki is an innovative music creation game that puts you in control of a bizarre band of characters to craft unique soundscapes. This creative music game starts as a lighthearted experience but gradually transforms into something darker and more mysterious. With its distinctive blend of casual gameplay and horror elements, Sprunki offers a completely unique gaming experience that's both engaging and unexpectedly thrilling.

The game features vibrant, quirky characters including TV heads, satellite dishes, and Medusa-like figures, each contributing their own distinct sounds to your musical creations. As you progress through different phases, the cheerful atmosphere gradually shifts into something more sinister, with characters becoming increasingly eerie and music taking on haunting undertones.

Core Features

Creative Music Composition

Sprunki gives you complete DJ control to mix loops, vocals, beats, and melodies. Layer different sounds to create full, harmonious tracks or experiment with darker, more dissonant combinations. The game offers endless musical possibilities, making each playthrough unique.

Dynamic Phase System

Unlike traditional level-based games, Sprunki progresses through phases that dramatically change the visual and audio experience. What begins as a bright, cheerful game gradually transforms into a darker, more atmospheric experience with each phase unlocking new characters and sounds.

Unique Character System

Each character in your musical ensemble contributes different sounds and visual elements. Customize characters with various outfits and accessories to change their audio contributions and unlock hidden musical combinations.

Horror Elements Integration

Sprunki masterfully blends casual music-making with horror themes. As you progress, innocent melodies morph into haunting soundscapes, and cheerful characters begin to display cursed appearances, creating an unexpectedly thrilling experience.

Cross-Platform Compatibility

Play Sprunki completely free in your browser on desktop, tablet, or mobile device. No downloads required – just open your browser and start creating music immediately.

Gameplay Mechanics

The core gameplay revolves around assembling your band of unique characters and experimenting with different combinations to create music. Simply drag and drop characters, assign them different accessories, and watch as your musical composition comes to life.

Character Interaction : Each character contributes specific sounds – some provide beats, others vocals, and some create atmospheric effects. Experiment with different combinations to discover secret animations and unlock bonus characters.

Progressive Transformation : As you unlock new phases, the game's atmosphere shifts dramatically. Characters evolve from cheerful to grotesque, and the music becomes increasingly complex and eerie.

Creative Freedom : There are no strict rules or failure states. The game encourages experimentation and creativity, allowing you to mute, remove, or rearrange characters to build dynamic musical compositions.

Operation Guide

Mouse Controls : Sprunki uses simple mouse-based controls for all interactions. Click and drag characters to position them, click on accessories to customize appearances, and use the mute/remove functions to control your musical arrangement.

Creating Music : Start by selecting characters from the available roster. Each character automatically begins contributing their sound when placed. Layer multiple characters to create complex compositions, or keep it simple with just a few key elements.

Unlocking Content : Progress through phases by creating different musical combinations. Watch for visual cues like flashing characters or background changes that indicate you've triggered bonus content or progression.

Tips for Success : - Experiment with different character combinations to discover hidden animations - Use the idle time to spot Easter eggs and subtle animations - Pay attention to visual changes that signal phase transitions - Layer beats, melodies, vocals, and effects for the richest sound experience

Why Play Sprunki

Sprunki offers a gaming experience unlike any other, combining the satisfaction of music creation with the thrill of horror elements. Whether you're a music enthusiast looking to experiment with beats and melodies, or a casual gamer seeking something uniquely entertaining, Sprunki delivers on multiple levels.

The game's free-to-play nature means there are no barriers to entry – simply open your browser and start creating. The intuitive controls make it accessible to players of all skill levels, while the depth of musical possibilities keeps experienced users engaged for hours.

The horror elements add an unexpected twist that sets Sprunki apart from other music games. The gradual transformation from cheerful to eerie creates a compelling narrative arc that keeps players curious about what comes next.

For those who enjoy creative expression, Sprunki provides an unlimited canvas for musical experimentation. Every combination of characters creates something new, ensuring that no two gaming sessions are exactly alike.

Frequently Asked Questions (FAQ)