具有鼠标相互作用的三个js粒子系统

时间:2013-09-04 15:14:49

标签: three.js

我尝试使用此示例更改行为粒子: http://threejs.org/examples/#webgl_particles_random

更像这样: http://minimal.be/lab/fluGL/

现在当我只是改变这段代码时:

            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 < scene.children.length; i ++ ) {

                var object = scene.children[ i ];

                if ( object instanceof THREE.ParticleSystem ) {

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

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

0 个答案:

没有答案