Three.js 具有鼠标交互作用的三粒子系统

我尝试通过以下示例更改粒子的行为：

更像这样：

现在，当我简单地更改这段代码时：

            for ( i = 0; i < scene.children.length; i ++ ) {

                var object = scene.children[ i ];

                if ( object instanceof THREE.ParticleSystem ) {

                    object.rotation.z = time * ( i < 4 ? i + 1 : - ( i + 1 ) );

                }

            }

for（i=0；i

为此：

            for ( i = 0; i < scene.children.length; i ++ ) {

                var object = scene.children[ i ];

                if ( object instanceof THREE.ParticleSystem ) {

                    object.position.x = mouseX;
                    object.position.y = -mouseY;
                }
            }

for（i=0；i

所有粒子都会全局移动，而不会改变距离和速度。 我提出的变化只是一个例子。如何修改代码，以避免移动粒子的全局更改？是否必须更改着色器中的某些内容？或者three.js中的粒子系统足以创建鼠标吸引器行为