All Questions
305
questions
0
votes
1
answer
32
views
How to enable camera scroll and disable zoom using camera controls drei
I use CameraControls of Drei Three JS to controls the transition. I already create useEffect to update the zoom, scroll, and rotate of the CameraControls but the zoom and rotate event still enable. ...
- 199
0
votes
0
answers
20
views
How to make the camera smoothly transition from one curved movement to another? (Theatre.js)
I'm working on a 3D animation using React Three Fiber and Theatre.js, where the camera is moving in 3D space on scroll, mostly in consecutive quarter curves over different axes (e.g. a quarter curve ...
0
votes
0
answers
27
views
Calculate camera y position for horizon to be at a percentage of canvas height
I have the following three.js code that renders a cube hovering above a floor, with the camera looking at the cube:
let renderer, camera, scene, light, floor, cube;
init();
render();
function ...
- 22.3k
0
votes
0
answers
29
views
Problem picking up with interactive camera and orbitcontrols after amination camera moves "camera view"
I have a viewer that reads/displays glTF using Three JS. Using orthographicCamera/OrbitControls the user can pan around the 3d scene. When I play an animation that contains a camera movement I want to ...
- 23
0
votes
0
answers
21
views
WEBAR camera does not appear the first time it is opened
I have a question for webxr using threejs where when the web page is loaded for the first time you have to open start ar 2 times then the camera turns on, when you start it the first time the camera ...
1
vote
0
answers
45
views
ThreeJS is cutting the my rendered model in half
The 3D model that I render isn't rendering past half the height of the my scene. I use the OrthoCamera class which looks like this. When I change the near value to -2000, the model gets rendered ...
- 11
2
votes
1
answer
105
views
Orthographic camera is cutting rendered scene in half
I have a project that is using Orthographic camera and MapControls and my scene is rendering as it should,
However the camera is cutting the render scene in half like this
I am initializing my ...
- 116
0
votes
1
answer
75
views
ThreeJS VR : how to position an object in front of one eye
I have found a way to always keep an object right in front of the camera in VR: I don't add it to the scene directly but to the camera (which is then added to the scene with its childs). By doing so, ...
- 19
0
votes
0
answers
27
views
Problem with Third Person Camera and Player Movement binding
I'm working on a Three.JS game project with a third person camera. I finally got the camera to rotate properly when pressing the left and right arrow keys but its Z-axis rotation became bound to the ...
- 1
0
votes
0
answers
78
views
How to update the camera in Three.js
I am new to Three.js I am trying to build an application using Three.js and web sockets.
There would be 2 applications having the same 3d object and if at one end I rotate the 3d object it should be ...
1
vote
0
answers
54
views
How to create a third person camera that follows a cube and rotates with the cube
I which to create a third person camera in Threejs which follows a cube around and rotates when the cube rotates.
Here is what I did
function (){
camera.position.set(
box.position
);
}
It works in ...
- 11
0
votes
1
answer
97
views
How to manage the focal length with Aframe
I building a web application with Aframe.js framework build over Three.js, main core of this application it's to look 360 render image that 3D artist done with Unreal Engine.
Everything works good, ...
0
votes
0
answers
89
views
Get camera position and orientation after changing angle 90 degrees
There is an object in space. Currently I can change the view the object by 90 degrees to an x, y, or z axis. However, the user may tip the object or rotate the object. My desire is to change axis by ...
- 21
0
votes
0
answers
39
views
Three.js OrbitControls - How to change mouse trigger sensitivty?
I would like to give some leeway to the mouse drag before the OrbitControls event of rotating the scene triggers.
E.g: Click & Drag mouse 5px before rotating the camera, instead of instantly
Sorry ...
- 133
0
votes
0
answers
126
views
Three.js print preview canvas not fully visible but screenshot it is
I have a three.js project running where i try to print the scene with the normal window.print() function.
It kind of worked but not as i expected.
This is my scene:
This is the screenshot with ...
- 21