Hi all, I’m working on my first three.js project, its an earth with comets at elliptical orbits… check below. [Screenshot 2022-04-20 at 16.25.31] I’ve traced out the orbits I want with the EllipseCurve, and rotated them to give the eccentricity. The issue I’m having is, how to get the comets …

Do you know these examples from the collection ? FlightRouteQuaternion BasisToQuaternion CarRacing MovementOnCurve MotionAlongCurve

No, I’ll have a look now… all the examples I’ve seen so far were super complex and way over my head… I’ll do a little research Thank you!

[image] harry-whorlow: super complex and way over my head… The extension of the internal quaternion methods used in some examples ( THREE.Quaternion.prototype.setFromBasis = function( e1, e2, e3 ) { ... ) you don’t need to understand the content. It allows for a clear code and can be easily…

Hi hofk, Thanks for the post, It was really informative. Ive managed to move in what I believe is the correct direction just that little more. If you don’t mind me asking another question… I’ve gone through the MoveAlongCurve example you provided and tried recreating it myself with the project I w…

Code screnshots are problematic. Better is to copy the decisive code into the post, mark it with the mouse and format it as code with </> from the toolbar.

Sorry, I was unsure of how to do that on this site… noted for next time, thanks. import "./style.css"; import * as THREE from "three"; import { OrbitControls } from "three/examples/jsm/controls/OrbitControls"; import { Flow } from "three/examples/jsm/modifiers/CurveModifier.js"; const renderer = n…

Regardless of the error (?) I see a problem with this solution variant. See bending of the geometry How to animate curved arrows in threejs? - #4 by hofk

okay, I’ll do some research tonight… Would it be possible to quickly explain the issue you see? I’m happy to research but I don’t know what the problem is… I see the post you’ve linked is to do with arrow bending along the line, but it that required for a circle? I just want it to follow the rails. …

With flow, a mesh is bent from more than one length segment on the curve. You can see this in the pictures, I had overlooked it myself before. I have not yet tried it with a sphere or circle. Just copy my example and try it.

Hi hofk, Hope you’re enjoying this fine Thursday. I’ve been playing around with the examples you sent to me and have been trying to figure this problem out. I replaced the Box element with circle element and things seem to be working so far. I think I’ve narrowed down the issues with my project… …

Elliptical orbits, objects following EllipseCurve

Questions

prisoner849 April 21, 2022, 4:38pm 13

Maybe this topic will be helpful: Camera + EllipseCurve
Camera moves on the ellipse curve in 3D. You can use any other object instead of the camera.

Topic		Replies	Views
What geometry should I use for drawing the elliptical curves path of a satellite orbit? Questions geometry , shaders	2	1220	November 22, 2021
Struggling with paths Questions webgl-renderer	15	9923	May 27, 2021
How do convert vanilla js Three.EllipseCurve to react-three-fiber in more specified way Questions materials , geometry , react-three-fiber	10	2176	September 26, 2022
Camera + EllipseCurve Resources camera , curve	0	1261	November 24, 2021
Updating EllipseCurve Questions curves	13	4103	April 5, 2024

Elliptical orbits, objects following EllipseCurve

Related topics