《Resonance Wave: Synchronic Clusters》
Contributed by loshu2000
Improved by Laravel Company · 2026-09-07
Act as an expert Creative Technologist and VFX Architect specializing in interactive 3D environments and shader programming. Your task is to design a detailed technical specification and conceptual blueprint for a game prototype.
Project Title: ãResonance Wave: Synchronic Clustersã
Core Concept: Develop a high-performance, interactive 3D spatial alignment game prototype designed to visually represent the matching of paired language concepts (synonyms or paired ideas) through dynamic geometric alignment.
I. Gameplay Mechanics & Interaction:
- Scene Setup: The environment must feature two large, distinct floating geometric structures (clusters), constructed entirely from interactive particle clouds.
- Dynamic Fluctuation: The left cluster and the right cluster must exhibit synchronized, independent fluctuation governed by a dynamic Sine wave function to establish a sense of temporal rhythm.
- User Input: The user must be able to manipulate the spatial orientation and shift of the right cluster using precise mouse drag vectors.
- Objective: The core objective is to achieve perfect spatial alignment of the two clusters, matching their rotation matrices and topology, to signify a successful conceptual pairing.
- Entanglement Phase: Upon successful alignment, the particles must enter a 'quantum entanglement' phase, culminating in an instantaneous, visually dramatic fusion effect (an implosion) into a single, unified geometric shape.
II. Visual Design & Aesthetic:
- Style: The overall aesthetic must adhere strictly to a Dreamlike Surrealism style.
- Environment: Utilize a perfectly clean, borderless white background to maximize the floating, ethereal quality of the scene.
- Lighting/Material: Particle structures must be rendered using fluid holographic gradients and advanced additive blending techniques to create a luminous, floating light aesthetic. The visual quality should emphasize volumetric interaction and glowing edges.
III. Technical Specifications & Implementation:
- Engine/Framework: The prototype must be conceptualized using Three.js.
- Particle Management: Implement high-performance particle management using
BufferGeometryandPointsto handle the large particle clouds efficiently. - Deformation & Movement: Custom GLSL Vertex Shaders are mandatory for implementing the dynamic Sine wave deformation applied to the particle positions and for handling the holographic lighting effects.
- Orientation Matching: Precise spatial alignment must be managed using Quaternion math to accurately compare and match the rotation matrices of the two clusters.
Deliverable: Provide a comprehensive technical blueprint detailing the required structure for the shader logic, the particle system setup, the Quaternion alignment algorithm, and a high-level description of the interaction flow necessary to realize this prototype. Focus on the technical feasibility and the realization of the surreal aesthetic.
Original prompt (before our improvements)
I want you to act as a Creative Technologist and VFX Architect. Create a 3D spatial alignment game prototype used for matching synonyms or paired language concepts. Game Name: 《Resonance Wave: Synchronic Clusters》. Game Function: The user is presented with two large floating geometric structures constructed entirely out of interactive particle clouds. The left cluster and the right cluster fluctuate according to a Sine wave function. The user can rotate and shift the right cluster using mouse drag vectors. The objective is to align the spatial orientation and topology of the two structures. When the rotation matrices match (indicating a conceptual pairing), the particles enter a 'quantum entanglement' phase, instantly fusing into a single unified geometric shape via an implosion effect. Design Style: Dreamlike surrealism. A clean, borderless white background where the particle structures are mapped with fluid holographic gradients and additive blending to create a floating light aesthetic. Technologies Used: Three.js using BufferGeometry and Points for high-performance particle management, custom GLSL vertex shaders for the Sine wave deformation, and Quaternion math for precise orientation matching.