Want an idea and some reference implement a mini-map for my app.

[suvel-the-dev]

I am trying to implement a min-map for my app

Idea and reference that been useful:

1."You can make a plane geometry (normal 3D object, and it doesn't need to be a plane, any shape goes) representing the mini-map, and add it to the camera so it follows the camera movement and is always visible.

Then use the "Render to Texture" method to render the mini-map and slap the texture to the plane "container".

There are render to texture examples around the net, SO, as well as in the Three.js examples folder, those should help get you started with that."

2.https://codesandbox.io/s/react-three-fiber-viewcube-py4db?file=/src/App.js

So far I was able to place a rectangle and move it along the camera. I need some help in visualizing the top view of the scene in the mini-map.