All Questions
432
questions
-1
votes
0
answers
21
views
Three.js outline affect problem,can't show the scene clearly
I tried to add outline affect for a cube at scene.But the scene has some problem:the scene is so vague that I can't see the cube clearly.I tried to use SMAAPass before but it didn't work.I want to ...
0
votes
0
answers
27
views
2D Canvas text has fragmentation issues in 3D
I'm using a 2D canvas to generate 3D text labels and running into an issue where the text on the labels has missing 'chunks' in square shapes. It seems to only occur if the label is deeply nested in a ...
0
votes
1
answer
78
views
Threejs canvas does not scale back when phone rotated back
I am using three js library, when i rotate my phone my component basically increases its size, but when i flip my phone back it does not change back, it distorts my page and half of the component goes ...
0
votes
1
answer
32
views
Object array type property is undefined in different file
I am in the process of refactoring a js file in which I used the THREE.js library to draw a truck visualization based on the parameters provided in the form. The code worked, but I need to extend it ...
0
votes
0
answers
23
views
How to proper rotate object with a 45-degree angle using OrbitControls?
I'm working on a Nextjs project with react-three-fiber and react-three-drei. I want to rotate the object with a 45-degree angle using OrbitControls component, I tried using rotation property but didn'...
0
votes
0
answers
30
views
Three Fiber Canvas display white in mobile view
I made a portfolio website that hosted in github pages, I created three/fiber canvas that render my tech skills and i notice that when i access it in mobile some on the canvas and displayed well and ...
0
votes
0
answers
59
views
Three JS What is the fastest way to create text labels with CanvasTexture?
My goal is to create thousands of labels via Three JS CanvasTexture.
I have some code (option A) but it currently runs slow for thousands of labels.
Option A creates a canvas for each label, whereas ...
1
vote
0
answers
51
views
Zoom in/out of the canvas by drawing a rectangle to highlight an area
I'm trying to create a canvas zoom-in/out functionality by drawing a rectangle to highlight an area. I'm using a project to read dxf files.
https://github.com/ieskudero/three-dxf-viewer/
I have a ...
0
votes
0
answers
35
views
threejs models are not rendering or loading in my mobile browser chrome
I am trying to display 3d models in my website using three.js library. It works on desktop Mac and windows as well as on iOS in safari and Firefox. But it does not work on Android's chrome? It works ...
0
votes
0
answers
54
views
Three.js - Geometry doesn't display well on the screen
I want to put a Three.js geometry in my website but the canvas doesn't put it in the right place.
My goal is to display the geometry in the Intro section on the right side of the screen, but something ...
0
votes
0
answers
248
views
Recreate simple radial gradient background with animation on mouse move
I want to recreate this background effect:
https://alongside.vahrushev.eu/index/
I find it a little difficult to find the needed js code on their website, but it looks like it was made with three.js ...
0
votes
0
answers
26
views
Three.js: 2D Screenshot of 3D model without background
I have created fun 3D objects that I would like to take a screenshot of without a background. Anyone know if it's possible to do that? I've searched on Google but found solutions that capture a ...
0
votes
0
answers
197
views
React three fiber canvas are not updating properly while resizing window and at the same time while open or close react sidebar
I am using react three fiber to plot the point cloud data .Here i am using react three fiber canvas , so while i am resizing the window or website window at same time i am opening or closing the ...
1
vote
1
answer
189
views
React Three Fiber Canvas Stretches its Parent and Becomes Unresponsive
I have had this problem across multiple projects with react-three-fiber
below is the structure of my project
<div className='p-4 flex flex-col h-screen bg-primaryBackground-dark'>
<...
1
vote
1
answer
583
views
Cypress Testing Drag & Drop Three.js Canvas
I'm currently trying to get some drag and drop cypress tests working for a react three fibre project. I'm stuggling a little to test this however as I don't have selectable ID's for the 3D elements to ...