All Questions
377
questions
0
votes
0
answers
31
views
T Pose between animations in React Three Fibre
I am using 3d models from Ready Player me and animations from Mixamo, when I switch between animations, I want a smooth transition but instead I get a T-pose between animations. The 3d models are glb ...
- 83
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
30
views
Moving bright spots in a background image animation
I guys, can you help me that how can I do this animation with my ReactJS project?
static capture
I saw it in Homepage and really like it.
I had search for some library and I find react-three/fiber and ...
0
votes
0
answers
55
views
How to clone and move 3D models along different paths
I have loaded an animated 3D model of a baby in my Three.js scene. I can update its position in my animate loop and it moves along the path I want https://youtu.be/IDRr2XatBro. But now I want to load ...
0
votes
0
answers
30
views
how to set specific object animation with three.js
I'm new for three.js how I can config specific object animation? I tried but it doesn't work, i need to create loop move up and down object_22
please someone guide me, appreciate :)
const Island = ({ ...
- 3
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
1
answer
61
views
How to ensure the background texture joins up smoothly around sphere in Three.js?
Below is the bit of the code which sets the texture and maps it onto a large sphere. I have tried all sorts of wrapping but the background is still not smooth as there is a clear joining where the two ...
- 39
0
votes
0
answers
26
views
three.js，How to complete the animation migration of two similar bones?
Two similar bones. The animation skeleton is a pure skeleton without SkinnedMesh and skeleton. The names are different and the levels are also slightly different. How to achieve correct animation ...
- 1
0
votes
0
answers
76
views
How Does the Talking Head JS Project Apply Morph Targets to GLB Models in SwiftUI?
I'm working on integrating a feature similar to the Talking Head JavaScript project I found on GitHub (link to repository) into my SwiftUI project. This project uses readyplayer.me models in GLB ...
- 1,098
1
vote
0
answers
76
views
The animation breaks between the transition
I am building a 3d website using react and three.js. The animation breaks for a few seconds whenever I change the animation from one animation to another in my website. I don't know what the reason ...
0
votes
0
answers
29
views
Tween animation circular motion
I have Univesity project in ThreeJS, where tween animation is mandatory. My question is,how do I modify my code so that the spacecraft does continuous circular motion? In my current code, the model ...
1
vote
2
answers
217
views
Enable/Disable Rotation, Pan, Zoom in Camera COntrols
Is there any way to disable/enable only the rotation, pan, zoom options in Camera Controls.
In that, the enabled option sets enabled or disables all controls. But I need to specify the options like ...
- 21
0
votes
1
answer
76
views
ThreeJs: How to rotate an already animated object
I have created an object (spaceship) in Blender, animated its movements (make it wobble/rotate a bit randomly) and exported the 3D model to ThreeJs.
If the user presses LEFT ARROW, the model should ...
- 191
0
votes
0
answers
30
views
High-Quality Animations with SvelteKit - which Stack synergizes best?
I'm currently sharpening my frontend skills and thus searching for a good tech-stack to setup a nicely animated portfolio website. I will use SvelteKit and Tailwind, but depart from that, I really ...
- 41
0
votes
1
answer
192
views
react three js 3d object rotation
I have been working in this project and when i created this 3d object which should rotate as per my code is not rotating
please find the error of this code
this is my code :
import React , {Suspense,...
