почему система частиц с шейдером не работает? три.js

Привет, кто-нибудь может помочь мне с этим? У меня есть этот шейдер, он работает с THREE.Mesh, но не работает с THREE.Particlesystem?

Я хочу, чтобы каждая частица имела часть данной карты (текстуры) и соответствующим образом меняла свое положение, что-то вроде этого http://www.chromeexperiments.com/detail/webcam-displacement/?f=webgl

<script id="vs" type="x-shader/x-vertex">


            uniform sampler2D map;

            varying vec2 vUv;

            void main() {

                vUv = uv;

                vec4 color = texture2D( map, vUv );
                float value = ( color.r + color.g + color.b ) / 3.0;

                vec4 pos = vec4( position.xy, value * 100.0, 1.0 );

                                gl_PointSize = 20.0;

                gl_Position = projectionMatrix * modelViewMatrix * pos;

            }

        </script>

<script id="fs" type="x-shader/x-fragment">

            uniform sampler2D map;

            varying vec2 vUv;

            void main() {

                gl_FragColor = texture2D( map, vUv );

            }

</script>