# When the 3D model clicks on the point through threejs, the partial color changes

**URL:** <https://discourse.threejs.org/t/when-the-3d-model-clicks-on-the-point-through-threejs-the-partial-color-changes/27139>\
**Category:** Questions\
**Tags:** materials\
**Created:** [June 11, 2021, 6:40am UTC](https://discourse.threejs.org/t/when-the-3d-model-clicks-on-the-point-through-threejs-the-partial-color-changes/27139 "2021-06-11T06:40:52Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![simon110](https://avatars.discourse-cdn.com/v4/letter/s/ccd318/32.png) [@simon110](https://discourse.threejs.org/u/simon110)\
**Post date:** [June 11, 2021, 6:40am UTC](https://discourse.threejs.org/t/when-the-3d-model-clicks-on-the-point-through-threejs-the-partial-color-changes/27139/1 "2021-06-11T06:40:52Z")

</div>

I have such a requirement: 1. When threejs loads the 3D model normally (model format is .json), there will be about 10 sprite coordinate points on the model set in the background. When you click the sprite coordinate point, an introduction message will pop up , This function has been realized at present.  
2. What I want to achieve is that when I click on this point, the color of a certain range of this point will change, and it will flash twice. Let me upload a screenshot of the effect I want to better explain me. The function that I want to achieve now As shown in the figure:

 ![QQ截图20210611112312](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/f/d/fde64ddd2189c4dd6040f5a088e9ea32baae971e.jpeg)  
Now I am not sure whether threejs can achieve such an effect, or if there are any relevant examples, thank you official

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [June 11, 2021, 11:11am UTC](https://discourse.threejs.org/t/when-the-3d-model-clicks-on-the-point-through-threejs-the-partial-color-changes/27139/2 "2021-06-11T11:11:04Z")

</div>

If you want to highlight specific parts of a model, you should make sure in a 3D modelling tool to manage all parts as separate 3D objects. In this way, it’s way easier to manipulate them in a 3D app. Assuming you are importing the model with an appropriate 3D format like glTF which retains the individual objects.

---

<div class="post-metadata">

**Author:** ![Jun1](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jun1/32/39403_2.png) [@Jun1](https://discourse.threejs.org/u/Jun1)\
**Post date:** [August 27, 2023, 5:53am UTC](https://discourse.threejs.org/t/when-the-3d-model-clicks-on-the-point-through-threejs-the-partial-color-changes/27139/3 "2023-08-27T05:53:57Z")

</div>

Have you fix this problem? I have the same issue.