Github globe

[charred moss]

Hello guys, I want to re-create the GitHub globe https://github.blog/2020-12-21-how-we-built-the-github-globe/, but I have some trouble setting up the light, color, and camera rotation of the globe.
I am using this lib react Threejs globe https://github.com/vasturiano/react-globe.gl

To elaborate on the question,
I try to create a halo layer using a custom shader and place it behind the globe as follows:

For haloVertexFragment

varying vec3 vertexNormal;
void main() {
  float intensity = pow(0.8 - dot(vertexNormal, vec3(0.0, 0.0, 1.0)), 7.);
  gl_FragColor = vec4(0.6235294117647059, 0.8274509803921568, 0.9294117647058824, 1.0) * intensity;
}

For haloVertexShader

varying vec3 vertexNormal;

void main() {
  vertexNormal = normalize(normalMatrix * normal);
  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 0.9);
}

And how I use it

const haloMaterial = new ShaderMaterial({
  fragmentShader: haloVertexFragment,
  vertexShader: haloVertexShader,
  side: BackSide,
  blending: AdditiveBlending,
  transparent: true,
});
const haloGeometry = new SphereGeometry(100, 100, 100);
const haloLayer = new Mesh(haloGeometry, haloMaterial);
haloLayer.scale.multiplyScalar(1.15);
haloLayer.translateX(-3)

globe.scene().add(camera, haloLayer);

And this is the result as shown in the image below

There are a couple of things that I need help with:

1. The halo color/shade is not looking natural
2. When the globe rotates, the halo light moves as well, it does not stay on the left side
3. I tried to add some DirectionalLight and AmbientLight to the globe, but the result was not good

If you guys need any more info, feel free to ask.
I welcome all suggestions,

Thank you in advance

[slim panther]

Hello
I can immediately done.

[charred moss]

Hello, thank you for your reply, would you mind explaining more in detail what I need to do?

[slim panther]

How much?

[charred moss]

Sorry, I dont understand your question

[slim panther]

Is this all free without fee?

[charred moss]

I don't think this section is for hiring. Or is it? 😅

[ionic surge]

How you achieve this depends. Does the 'halo' need to respond to lighting, or is the halo effect the same regardless of how you spin the globe?

If the halo stays the same regardless of rotation, you can just use a sprite placed behind the front face of the globe.

If the halo needs to change depending on lighting angle, you can use a concentric sphere with a custom shader.

[charred moss]

Hello @ionic surge, thank you for your reply.

Regarding the halo, the effect should be kept the same regardless of how I spin the globe or the lighting angle, its position should be tilted a bit to the top left, similar to the Github globe
use a sprite placed behind the front face -> Could you help me with some reference or tutorial about that?