I have a project where I am creating a board with multiple RGB LEDs mounted on it, as shown in the image.
https://i.sstatic.net/WtOm4.png
To create the LEDs, I used the following code:
this.light = new THREE.PointLight(color, intensity, distance, decay);
this.light.name = 'rgb-light';
this.led_group.add(this.light);
let textureGlow = new THREE.TextureLoader().load('images/led1.png');
var sphereMaterial = new THREE.MeshStandardMaterial({
transparent: true,
opacity: 0.8,
emissive: this.light.color,
color: this.light.color,
wireframe: false,
emissiveMap: textureGlow
});
let led_geo = new THREE.BoxGeometry(5, 1.6, 5);
let led_mat = new THREE.MeshBasicMaterial({
color: 0xffffff
});
let led_mesh = new THREE.Mesh(led_geo, led_mat);
this.led_group.add(led_mesh);
this.ledsource = new THREE.Mesh(new THREE.CylinderGeometry(1.7, 1.7, 1), sphereMaterial);
this.ledsource.name = 'rgb-led';
However, I would like the LEDs to appear bright and glow like real LEDs do in the physical world. Can someone provide me with any guidance on how to achieve this effect?