Автор: bo52

массив точек
const points=[
new THREE.Vector2(0,0),
new THREE.Vector2(1,1),
]
материал с цветом
const material = new THREE.LineBasicMaterial({color:0x00ff00});

const geometry = new THREE.BufferGeometry().setFromPoints(points);
const line = new THREE.Line(geometry ,material );
scene.add(geometry);

три компонента scene, camera,renderer
компоненты

сцена
const scene=new THREE.Scene();
цвет экрана
scene.background=new THREE.Color(0xdddddd);

камера
const camera=new THREE.PerspectiveCamera(70,window.innerWidth/ window.innerHeight);
установить позицию камеры
camera.position.z=5;

рендер
const renderer=new THREE.WebGLRenderer();
размер по размеру экрану
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer,domElement);

функция для обновление, перерисовка на экране и выполнения
function animation(){
requestAnimationFrame(animate);
renderer.render(scene,camera);
}
animate();