THREEJS PointsMaterial texture transparency not work

83 Views Asked by At

Hello StackOverflow community I have THREE Points Object and trying to create PointsMaterial but i cannot use transparent option

1. Before adding transparent option

new THREE.PointsMaterial({
            color: 0xffffff,
            map: pointTexture,
            size: 5,
            vertexColors: true,
            sizeAttenuation: false,
            depthWrite: true,
            depthTest: true,
            transparent: false,
            opacity: 0.5,
          });

enter image description here

2. After adding transparent option

new THREE.PointsMaterial({
            color: 0xffffff,
            map: pointTexture,
            size: 5,
            vertexColors: true,
            sizeAttenuation: false,
            depthWrite: true,
            depthTest: true,
            transparent: true,
            opacity: 0.5,
          });

enter image description here

Also if you have solution to blend point like this(maybe with shadermaterial) I gonna be very happy enter image description here

ps: sorry for bad english or if post in not correctly write <3

0

There are 0 best solutions below