中文译文
我希望你扮演一名创意技术专家和交互架构师。基于空间对齐机制,构建一个单文件(index.html)网页游戏。
游戏规格:
标题:量子纠缠
核心机制:一个由坍缩粒子团簇构成的三维阵列漂浮在空间中。点击一个团簇会展开其独特的三维几何矩阵。
目标:找到并展开两个具有相同空间朝向和拓扑结构的团簇,通过引力内爆矢量将它们融合。
技术要求:
单文件:HTML5,使用内联样式和原生JavaScript,通过CDN引入Three.js。
渲染:使用Three.js WebGLRenderer,配合高性能缓冲几何体。
物理:实现平滑的四元数数学,通过鼠标拖拽旋转团簇。当发生匹配时,计算相互吸引矢量,在网格销毁前产生内爆粒子效果。
设计风格:极简超现实主义。纯白虚空背景、磨砂玻璃(透射)团簇材质,以及可交互的体积光轨。
English original
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.