Three.js 如何使用三个J沿x轴绘制圆柱体?

Three.js 如何使用三个J沿x轴绘制圆柱体?,three.js,Three.js,圆柱体的默认轴为y轴,形成垂直圆柱体。我需要画一个水平圆柱体。您可以使用圆柱体几何图形的.rotateZ()方法: var scene=new THREE.scene(); var摄像机=新的三透视摄像机(60,window.innerWidth/window.innerHeight,11000); 摄像机位置设置(0,5,10); 摄像机。注视(场景。位置); var renderer=new THREE.WebGLRenderer({ 反别名:对 }); renderer.setSize(

圆柱体的默认轴为y轴,形成垂直圆柱体。我需要画一个水平圆柱体。

您可以使用圆柱体几何图形的
.rotateZ()
方法:

var scene=new THREE.scene();
var摄像机=新的三透视摄像机(60,window.innerWidth/window.innerHeight,11000);
摄像机位置设置(0,5,10);
摄像机。注视(场景。位置);
var renderer=new THREE.WebGLRenderer({
反别名:对
});
renderer.setSize(window.innerWidth、window.innerHeight);
document.body.appendChild(renderer.doElement);
var controls=新的三个.OrbitControls(摄影机、渲染器.doElement);
添加(新的三个.GridHelper(10,10));
var geom=新的三圆柱几何体(1,1,7,16,1);
几何旋转(-Math.PI*0.5);//绕z轴顺时针旋转90度
var圆柱体=新的三网格(geom,新的三网格基本材质({
颜色:“浅绿色”,
线框:正确
}));
场景.添加(圆柱体);
render();
函数render(){
请求动画帧(渲染);
渲染器。渲染(场景、摄影机);
}
正文{
溢出:隐藏;
保证金:0;
}