add red dot by clicking in model in react three fiber using expo react native

[jkrmarmol]

Hello, I am currently developing a project using Expo in React Native, where I need to implement a feature that places a red dot on a 3D model whenever it's clicked. I've been attempting this for the past two weeks but haven't yet succeeded. Please help meeee.

Below are images expected output I want to achieve, when I click on the head portion of the 3D model, a red dot should be displayed at that spot.

My sample repo: https://github.com/jkrmarmol/expo-react-native-three-fiber-example

[nietoperq]

You can try using the Decal component from @react-three/drei and get it's position and rotation on mouse click. Here is an example of using decals:

https://codesandbox.io/p/sandbox/image-alignment-via-decals-88mttv?file=%2Fsrc%2FApp.js%3A15%2C34