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

**URL:** <https://discourse.threejs.org/t/how-to-set-background-color-for-sphere-in-particular-points-of-intersection-in-three-js/20961>\
**Category:** Questions\
**Tags:** textures\
**Created:** [November 24, 2020, 10:56am UTC](https://discourse.threejs.org/t/how-to-set-background-color-for-sphere-in-particular-points-of-intersection-in-three-js/20961 "2020-11-24T10:56:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![keerthi\_c](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/keerthi_c/32/14761_2.png) [@keerthi\_c](https://discourse.threejs.org/u/keerthi_c)\
**Post date:** [November 24, 2020, 10:56am UTC](https://discourse.threejs.org/t/how-to-set-background-color-for-sphere-in-particular-points-of-intersection-in-three-js/20961/1 "2020-11-24T10:56:14Z")

</div>

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](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/c/c59ba77fa62ce64d1dd412f33a683dec23961b64.jpeg)

---

<div class="post-metadata">

**Author:** ![mjurczyk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mjurczyk/32/10995_2.png) [@mjurczyk](https://discourse.threejs.org/u/mjurczyk)\
**Post date:** [November 24, 2020, 11:14am UTC](https://discourse.threejs.org/t/how-to-set-background-color-for-sphere-in-particular-points-of-intersection-in-three-js/20961/2 "2020-11-24T11:14:13Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [November 24, 2020, 11:20am UTC](https://discourse.threejs.org/t/how-to-set-background-color-for-sphere-in-particular-points-of-intersection-in-three-js/20961/3 "2020-11-24T11:20:24Z")

</div>

/сс

> <https://stackoverflow.com/questions/64981532/how-to-set-background-color-for-sphere-in-particular-points-of-intersection-in-t>

---

<div class="post-metadata">

**Author:** ![keerthi\_c](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/keerthi_c/32/14761_2.png) [@keerthi\_c](https://discourse.threejs.org/u/keerthi_c)\
**Post date:** [November 24, 2020, 11:37am UTC](https://discourse.threejs.org/t/how-to-set-background-color-for-sphere-in-particular-points-of-intersection-in-three-js/20961/4 "2020-11-24T11:37:07Z")

</div>

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

> **[Interactive Globe: Small Arms Imports & Exports](https://armsglobe.chromeexperiments.com/)**

please help me