让模型写单文件网页配对游戏:点击展开 3D 粒子簇,找出几何形态相同的两组并合并。
我希望你充当一名创意技术专家和交互架构师。基于空间对齐机制构建一个单文件(index.html)的网页游戏。 游戏规格: 标题:Quantum Entanglement 核心机制:一个由坍缩粒子簇组成的 3D 阵列漂浮在空间中。点击一个粒子簇会展开其独特的 3D 几何矩阵。 目标:找到并展开两个具有相同空间朝向和拓扑结构的粒子簇,通过引力内爆向量将它们融合。 技术要求: 单文件:使用内联样式和原生 JavaScript 的 HTML5,通过 CDN 引入 Three.js。 渲染:使用 Three.js WebGLRenderer 和高性能的缓冲几何体(buffer geometries)。 物理效果:实现平滑的四元数数学运算,支持通过鼠标拖拽旋转粒子簇。当匹配发生时,计算相互吸引的向量,在网格销毁前触发内爆粒子效果。 设计风格:极简主义超现实风格。纯白色虚空背景、磨砂玻璃(transmission)材质的粒子簇,以及可交互的体积光轨迹。
I want you to act as a creative technologist and interaction architect. Construct a single-file (index.html) web game based on spatial alignment mechanics. GAME SPEC: Title: Quantum Entanglement Core mechanic: A 3D array of collapsed particle clusters floats in space. Clicking a cluster unfolds its unique 3D geometric matrix. Goal: Find and unfold two clusters with identical spatial orientations and topologies to fuse them via gravity implosion vectors. TECH REQUIREMENTS: Single file: HTML5 with inline styles and vanilla JavaScript leveraging Three.js via CDN. Rendering: Three.js WebGLRenderer with high-performance buffer geometries. Physics: Implement smooth quaternion math for rotating clusters via mouse drag. When a match occurs, compute mutual attraction vectors causing an implosion particle effect before mesh destruction. Design style: Minimalist surrealism. Pure white void background, frosted glass (transmission) cluster materials, and interactive volumetric light trails.