Sprunki - Interactive Music Creation Game

Seele01-Flash
By
Sprunki is an innovative music creation game where you select colorful characters to compose unique songs and beats. With over 19 different characters available, create endless musical combinations in this free-to-play browser experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Sprunki - Interactive Music Creator". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D "Paper Mario" aesthetic. Use `THREE.PlaneGeometry` with transparent textures for characters to mimic the 2D vector art style seen in the screenshot. The art direction should be vibrant, high-saturation, and cartoonish. * **Character Setup:** Create a row of 7 distinct character slots (standing on a 3D ground plane). Initially, they are grey silhouettes or idle "naked" forms (like the yellow/pink/grey figures in the screenshot). * **Environment:** A bright, cheerful background with a gradient blue sky (`#87CEEB`), fluffy white cloud meshes, and rolling green hills (`#32CD32`) in the distance. * **The "Horror" Mode (Black Hat):** Include a logic switch where the environment changes drastically if a specific item is equipped. The sky should turn dark red/black, and character textures should swap to "spooky/glitchy" versions. * **Mobile Optimization:** Use simple geometries (Planes/Boxes) to keep draw calls low. Use a single texture atlas if possible. Avoid expensive real-time shadows; use baked shadow blobs under characters. ### 2. Audio Requirements * **Audio Engine:** Implement a beat-synced audio system. All loops must start at the beginning of the next musical bar to ensure they align perfectly. * **Sound Categories:** * **Beats:** Percussive sounds (Kick, Snare, Hi-hat). * **Effects:** Chirps, whistles, or mechanical sounds. * **Melodies:** Synth leads or chiptune loops. * **Vocals:** Beatboxing, humming, or synthesized choir sounds (inspired by Incredibox). * **Dynamic Mixing:** When a character is equipped with an item, un-mute their specific audio track. When unequipped, mute it. * **Horror Audio:** If the "Black Hat" mode is triggered, apply a global distortion filter or swap the stems for dissonant, minor-key versions. ### 3. Gameplay Loop * **Core Mechanic:** The bottom of the screen features a scrollable "Icon Dock" containing various props (Hats, Sunglasses, Headphones, Masks). * **Interaction:** The player drags an icon from the dock and drops it onto an idle character. * **Activation:** Once an item is dropped: 1. The character wears the item visually. 2. The character begins a looping animation (bobbing head/dancing) synced to the global BPM. 3. The associated audio layer un-mutes at the start of the next beat. * **Deactivation:** Tapping an active character removes the item, stops the music layer, and returns them to the idle state. * **Reset:** A "Clear All" button to stop all music and undress all characters. ### 4. Mobile Controls & Interaction * **Screen Orientation:** Lock the view to **Landscape** mode. The camera should be fixed front-facing (OrthographicCamera preferred for 2D look). * **Touch Input (Raycaster):** * Implement robust `touchstart`, `touchmove`, and `touchend` event listeners. * **Drag & Drop Logic:** When dragging an icon, create a "ghost" image that follows the finger. Raycast to detect if the finger is hovering over a valid character slot. * **UI Layout:** * The Icon Dock at the bottom must have large touch targets (min 60px height). * Support horizontal swiping within the dock if there are many items. * **Feedback:** Provide haptic feedback (using `navigator.vibrate(50)`) when an item is successfully snapped onto a character. Add a scale-up "pop" animation to the character when they are activated. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Sprunki is a captivating music creation game that transforms anyone into a digital composer. This interactive experience allows players to create original songs by selecting from a diverse cast of colorful, animated characters, each contributing unique sounds and beats to your musical masterpiece. With its intuitive interface and endless creative possibilities, Sprunki has become a favorite among music enthusiasts and casual gamers alike.

The game features a charming visual style with vibrant characters that each represent different musical elements - from bass lines and percussion to melodies and special effects. Whether you're a seasoned musician or someone who simply enjoys experimenting with sounds, Sprunki offers an accessible and entertaining way to explore music creation.

Core Features

Extensive Character Selection

Choose from over 19 unique Sprunki characters , each with distinct personalities and sound profiles. From the cheerful yellow character to the mysterious figures wearing special accessories, every character brings something special to your musical composition.

Intuitive Music Creation

The game's simple drag-and-drop interface makes music creation accessible to everyone. No musical training required - just point, click, and listen as your composition comes to life with professional-quality sound effects and beats.

Endless Combinations

With numerous characters available, the number of possible musical combinations is virtually limitless. Experiment with different character pairings to discover unique sound combinations and create your signature style.

Special Hidden Features

For adventurous players, Sprunki includes mysterious elements like the "black hat option" that unlock special content and darker musical themes, adding depth and replay value to the experience.

Cross-Platform Compatibility

Enjoy Sprunki seamlessly across all devices - desktop computers, smartphones, and tablets all provide the same high-quality gaming experience through your web browser.

Game Playability

Simple Mouse Controls

The entire game is controlled with simple mouse interactions. Click and drag characters into position, experiment with different arrangements, and watch as your musical creation unfolds in real-time.

Real-Time Audio Feedback

Hear your compositions instantly as you make changes. The game provides immediate audio feedback, allowing you to fine-tune your creations and experiment with different sound combinations effortlessly.

Save and Share Capabilities

Create memorable musical pieces that you can revisit and potentially share with friends and family, making Sprunki both a creative outlet and a social experience.

Operation Guide

Getting started with Sprunki is incredibly straightforward:

  1. Launch the game in your web browser - no downloads or installations required
  2. Browse the character selection and familiarize yourself with the available Sprunki characters
  3. Click and drag characters onto the composition area to add their sounds to your mix
  4. Experiment with positioning - different arrangements create different musical effects
  5. Layer multiple characters to build complex, rich musical compositions
  6. Try the special options like the black hat feature for unique sound variations
  7. Fine-tune your creation by adding or removing characters until you're satisfied

Why Play This Game

Sprunki stands out in the music game genre for several compelling reasons:

Creative Freedom : Unlike traditional games with fixed objectives, Sprunki gives you complete creative control. There are no wrong choices - only opportunities to discover new and interesting sound combinations.

Stress Relief : The soothing nature of music creation combined with the game's cheerful visuals makes it an excellent way to unwind and relax after a busy day.

Educational Value : While entertaining, Sprunki also introduces players to basic music composition concepts, rhythm patterns, and sound layering techniques.

Accessibility : The game welcomes players of all ages and musical backgrounds. Whether you're 8 or 80, musically trained or tone-deaf, Sprunki provides an enjoyable experience.

No Commitment Required : Since it's completely free and browser-based, you can jump in for a quick 5-minute session or spend hours perfecting your compositions.

Regular Discovery : With so many character combinations possible, you'll continuously discover new sounds and musical styles, ensuring the game remains fresh and engaging over time.

Frequently Asked Questions (FAQ)