Purpose
My goal is to create an EllipseCurve () where a camera will move.
The Approach I Took to Achieve the Goal
Below is the code snippet for creating the ellipse:
var curve = new THREE.EllipseCurve(
0, 0,
1, 1,
0, 2 * Math.PI,
false,
1.57
)
const points = curve.getPoints(50);
const geometry = new THREE.BufferGeometry().setFromPoints(points);
var material = new THREE.LineBasicMaterial({ color: 0xffffff });
// Generate the object and add it to the scene
var curveObject = new THREE.Line(geometry, material);
scene.add(curveObject);
This is how it looks in the scene:
https://i.sstatic.net/dHz7C.png
The Issue Faced
I attempted to rotate the Ellipse Curve by 90 degrees clockwise around the x-axis. According to the documentation, the last parameter of the defining function should handle this rotation.
const curve = new THREE.EllipseCurve(
0, 0, // ax, ay
10, 10, // xRadius, yRadius
0, 2 * Math.PI, // aStartAngle, aEndAngle
false, // aClockwise
0 // aRotation
);
Thank you in advance for your assistance. Apologies if this question seems beginner-level; I am relatively new to Three.js!