Éclairage d'un système de particules dans THREEJS/GLSL

Question

J'ai fait un système de particules avec la buffergeometry dans troisjs. Je veux que les particules reçoivent de la lumière. Est-ce difficile (impossible?) Car la géométrie n'a pas réellement de face à éclairer? Je travaille avec ceci principalement dans un shader que j'ai créé. Je viens de créer la géométrie dans threejs.

Les particules ne sont-elles pas dans l'espace mondial? Sont-ils dans l'espace de la caméra seulement? Qu'est-ce qu'une simple équation du shader de fragment GLSL pour l'éclairage des particules?

Answer 1

Cela dépend du type de matériau que vous utilisez pour les particules. Si vous utilisez shaderMaterial et écrivez votre propre fragmenthader, vous devez implémenter vous-même l'éclairage dans le shader code. Par exemple, pour éclaircir des particules proches de la source lumineuse, il suffit d'éclaircir leur couleur par la distance entre chaque particule et la position de la lumière:

vec3 lightPosition = vec3(1.0, 2.0, 3.0); 
float lightStrength = 0.1; 

float distanceToLightSource = distance(particlePosition, lightPosition); 

vec4 lighterColor = particleColor * distanceToLightSource * lightStrength;