Javascript 在three.js中正确渲染LatheGeometry

我正在做一个小的辅助项目，我不知道如何在three.js中正确地渲染LatherGeometry形状。我试过其他的形状，我可以毫不费力地操纵它们。以下是我的代码（基本上是文档中的初学者示例）：

var scene=new THREE.scene（）；
var点=[]；
对于（变量i=0；i<10；i++）{
点推（新的三矢量2（数学sin（i*0.2）*10+5，（i-5）*2））；
}
var几何体=新的三个。LatheBuffer几何体（点）；
var material=新的三个.MeshBasicMaterial（{color:0xffff00}）；
var车床=新的三个网格（几何形状、材料）；
var摄像机=新的三透视摄像机（45，window.innerWidth/window.innerHeight，11000）；
var renderer=new THREE.WebGLRenderer（）；
renderer.setSize（window.innerWidth、window.innerHeight）；
document.body.appendChild（renderer.doElement）；
场景。添加（车床）；
摄像机位置z=5；

何时何地调用

渲染器。渲染（场景、摄影机）

？最好把你的相机放远一点，比如说，

camera.position.z=100

@prisoner849我想我不会把它叫做任何地方。我尝试了照相机的建议，但没有效果。那么，你的问题是什么？@prisoner849我无法让Lathergeometry出现在我的页面上。我该怎么做呢？那么显示真实的代码何时何地调用

渲染器。渲染（场景、摄影机）

？最好把你的相机放远一点，比如说，

camera.position.z=100

@prisoner849我想我不会把它叫做任何地方。我尝试了照相机的建议，但没有效果。那么，你的问题是什么？@prisoner849我无法让Lathergeometry出现在我的页面上。我该怎么做？那就展示你的真实代码

    var scene = new THREE.Scene();
    var points = [];
    for ( var i = 0; i < 10; i ++ ) {
        points.push( new THREE.Vector2( Math.sin( i * 0.2 ) * 10 + 5, ( i - 5 ) * 2 ) );
    }
    var geometry = new THREE.LatheBufferGeometry( points );
    var material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
    var lathe = new THREE.Mesh( geometry, material );

    var camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 1000 );

    var renderer = new THREE.WebGLRenderer();
    renderer.setSize( window.innerWidth, window.innerHeight );
    document.body.appendChild( renderer.domElement );

    scene.add( lathe );


    camera.position.z = 5;