Three.js - Effet "Ring" Flash Light

Question

Je me demandais si quelqu'un sait s'il est possible d'obtenir un effet de lumière flash avec un TROIS.SpotLight.

// Line 110 
spotLight = new THREE.SpotLight(0xffffff, 0.5, 150); 
spotLight.power = 6000; 
spotLight.angle = 0.5; 
spotLight.decay = 2; 
spotLight.penumbra = 0.1; 
spotLight.distance = 200; 

J'ai mis en place un CodePen (http://codepen.io/anon/pen/ALXNYQ - cliquez sur fenêtre de rendu pour engager le verrou de pointeur) mais je veux la lumière flash pour être plus réaliste. Voici une image avec l'effet désiré:

J'ai essayé de regarder autour de la documentation, pensant qu'il y aurait un quelconque « carte » que je pouvais charger - comme, il aurait peut-être être une carte alpha ou quelque chose. Je suis encore relativement nouveau dans le monde du jeu en 3D, donc toute aide serait appréciée.

Merci.

Answer 1

Vous pouvez essayer d'ajouter plus de spots avec différents angles et différentes valeurs de paramètres pour créer cet effet d'anneau.

spotLight = new THREE.SpotLight(0xFFFFFF, 0.5, 150); 
spotLight.power = 4000; 
spotLight.angle = 0.5; 
. 
. 
. 
spotLight2 = new THREE.SpotLight(0xCCCCCC, 0.5, 150); 
spotLight2.power = 2000; 
spotLight2.angle = 0.55; 
. 
. 
. 
flashLight.add(spotLight); 
flashLight.add(spotLight.target); 
flashLight.add(spotLight2); 
flashLight.add(spotLight2.target); 

Vous pouvez voir à quoi il ressemble dans this codepen. Je pense que vous pouvez obtenir un effet similaire à ce que vous cherchez si vous modifiez les paramètres.