Relative Content

Tag Archive for three.js

I am creating a minimap for a 2d viewing of a PCB Board

I have a rectangle on the minimap, that essentially displays where the user is at on the main screen. Whenever the board rotates, the rectangle is no longer highlighting the correct area where the camera is focused on. If the board is rotated 180 degrees, the rectangle highlights opposite from the correct area.

Any suggestions for adding a border and drawing boxes within this viewport (minimap)

I’m quite lost, can’t find much documentation on this .setViewport or .setScissor function not quite sure how to work on the minimap itself. I haven’t been able to find a way to modify the content inside the minimap. I want to add a border around the minimap and then draw a rectangle inside the minimap, but haven’t been able to figure out a way without breaking the outside render, since they are using the same renderer (that’s been the only way I’ve been able to render any form of minimap). Any tips on how I can go about it?

Any suggestions for adding a border and drawing boxes within this viewport (minimap)

I’m quite lost, can’t find much documentation on this .setViewport or .setScissor function not quite sure how to work on the minimap itself. I haven’t been able to find a way to modify the content inside the minimap. I want to add a border around the minimap and then draw a rectangle inside the minimap, but haven’t been able to figure out a way without breaking the outside render, since they are using the same renderer (that’s been the only way I’ve been able to render any form of minimap). Any tips on how I can go about it?

Three.js Cube Render displays nothing

New to Three.js and trying to render a cube. I wrote the code exactly as stated in the tutorial from tutorialspoint and I’m getting a blank screen. Some assistance would help! I’m trying to render the code, but nothing displays onto the screen. Here’s the code. The result is a blank screen, the problem is I’m not too sure where the problem is. I can try adding semicolons to the script code but it didn’t work before.

Vector3 rotation influenced by parent of parent

I have the following function trying to rotate the last joint of a finger using mediapipe results. However, the joint rotates even when the actual joint has remained straight, but one other in its parents chain has moved. Any ideas on how to combat this?

How to fill countries with color on three js sphere

So I’m trying to make a Globe component with map on it where I can paint countries in different color. I managed to make it so border color is changeable but all the time I try to paint inside with Shapes I end up either having map being flat in the middle of the sphere or when I properly wrap my sphere with a map some fillings go under the sphere mesh and are not being fully filled.
I can solve it by changing elevation so map doesn’t touch the sphere but then it looks not exactly how I want.