How to set background color for Sphere in particular points of intersection in three js

I have a sphere with globe texture, but i need to change the background of some region in particular points of a sphere. I dont know how to do that i am new to three js, Looking for help. Below is the image which having some region with different color.

Screenshot 2020-11-24 at 12.17.36 PM

Can you share code of solutions you have tried so far? There are quite a few ways to do what you’re trying to achieve, ex. dynamic canvas together with uv raycasting, splitting the geometry into separate hexagons, using a custom shader.


I havent tried, because i dont know how to do,i am new to three js, i created globe using sphere and added map on top of sphere.

I need to know how to rotate and highlight country like below

please help me