使用三维绘图沿y轴绘制直线

// 创建场景、相机和渲染器
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 创建点A和点B的坐标
var x1 = 0, y1 = 0, z1 = 0; // 点A的坐标
var x2 = 0, y2 = 10, z2 = 0; // 点B的坐标

// 创建点A和点B的Three.js向量
var pointA = new THREE.Vector3(x1, y1, z1);
var pointB = new THREE.Vector3(x2, y2, z2);

// 创建直线的几何体
var geometry = new THREE.Geometry();
geometry.vertices.push(pointA, pointB);

// 创建直线的材质
var material = new THREE.LineBasicMaterial({ color: 0x0000ff });

// 创建直线对象
var line = new THREE.Line(geometry, material);

// 将直线添加到场景中
scene.add(line);

// 设置相机位置
camera.position.z = 5;

// 渲染场景
function animate() {
    requestAnimationFrame(animate);
    renderer.render(scene, camera);
}
animate();