Warum funktioniert das Partikelsystem mit Shader nicht? three.js

Hallo, kann mir jemand dabei helfen? Ich habe diesen Shader, er funktioniert mit THREE.Mesh, aber nicht mit THREE.Particlesystem?

Ich möchte, dass jedes Partikel einen Teil einer bestimmten Karte (Textur) hat und seine Position entsprechend ändert, so ähnlich wie hierhttp://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>

Antworten auf die Frage(1)

Ihre Antwort auf die Frage