写一个threejs 两点之间线条生长得动画js代码

当然，我很乐意为您解答。以下是您请求的three.js代码示例，用于创建动态生长线段的动画：

// 在HTML中创建一个名为“canvas”的画布：
<canvas id="canvas"></canvas>

// 在JavaScript中定义一些全局变量：
var renderer, scene, camera;
var line, startPoint, endPoint;
var t = 0;

//初始化three.js场景：
function init() {
    // 创建渲染器，设置画布尺寸并添加到HTML文档中：
    renderer = new THREE.WebGLRenderer({canvas: document.getElementById('canvas')});
    renderer.setSize(window.innerWidth, window.innerHeight);

    // 创建一个新场景：
    scene = new THREE.Scene();

    // 创建并添加透视相机：
    camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
    camera.position.set(0, 0, 5);

    // 创建一个新材质对象：
    var material = new THREE.LineBasicMaterial({color: 0xffffff});

    // 确定起点和终点：
    startPoint = new THREE.Vector3(-1, 0, 0);
    endPoint = new THREE.Vector3(1, 0, 0);

    // 创建一个新线条对象：
    var geometry = new THREE.Geometry();
    geometry.vertices.push(startPoint);
    geometry.vertices.push(startPoint);
    line = new THREE.Line(geometry, material);

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

// 更新线条:
function updateLine() {
    // 计算线条当前位置：
    var position = new THREE.Vector3();
    position.copy(endPoint);
    position.sub(startPoint);
    position.multiplyScalar(t);
    position.add(startPoint);

    // 更新线条的终点：
    line.geometry.vertices[1] = position;
    line.geometry.verticesNeedUpdate = true;

    // 步进时间t：
    t += 0.01;
    if (t > 1) t = 0;
}

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

// 初始化、渲染场景：
init();
render();

希望这个代码示例对您有所帮助。如果您还有其他问题，欢迎继续向我提问！