three.js - Ajuste de la opacidad de las partículas individuales

Question

Estoy tratando de variar la opacidad de las partículas en función de su distancia desde un plano.

This issue describe mi problema, y ​​la respuesta hace un año era esencialmente "no se puede". La opacidad es aparentemente un parámetro de un material, no un elemento, y por lo tanto la opacidad de partículas individuales no es posible.

Ha cambiado algo, ¿hay alguna manera de que pueda lograrlo? Si es posible colorear partículas individuales, imagino que esto no está fuera de su alcance.

Saludos

Answer 1

ParticleSystem ha sido renombrado a PointCloud y luego a Points.

Sí, puede crear una nube de puntos y variar dinámicamente el valor alfa del color de cada partícula.

En three.js, puede hacer esto configurando el material de Point Cloud como un ShaderMaterial que tenga un atributo igual al valor alfa deseado para cada partícula.

Si ShaderMaterials, sombreadores de vértices y sombreadores de fragmentos son nuevos para usted, aquí es un violín muy simple que implementa una nube de puntos con alfas dinámicos: http://jsfiddle.net/8mrH7/266/.

EDIT: violín Actualizado

three.js r.84