Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 创建底部倾斜的圆柱体_Javascript_Graphics_Three.js - Fatal编程技术网

Javascript 创建底部倾斜的圆柱体

Javascript 创建底部倾斜的圆柱体,javascript,graphics,three.js,Javascript,Graphics,Three.js,我想在three.js中创建一个底部形状倾斜的圆柱体。 在three.js中,我看不到任何直接的方法来创建这样的几何体。我试着看看是否可以用倾斜的平面切割圆柱体,但在文档中找不到这样的操作。有人能建议一种方法来创建它吗?您可以根据需要操作顶点 只是一个简单的概念: var scene=new THREE.scene(); var摄像机=新的三透视摄像机(60,window.innerWidth/window.innerHeight,11000); 摄像机位置设置(0,0,10); var re

我想在three.js中创建一个底部形状倾斜的圆柱体。
在three.js中,我看不到任何直接的方法来创建这样的几何体。我试着看看是否可以用倾斜的平面切割圆柱体,但在文档中找不到这样的操作。有人能建议一种方法来创建它吗?

您可以根据需要操作顶点

只是一个简单的概念:

var scene=new THREE.scene();
var摄像机=新的三透视摄像机(60,window.innerWidth/window.innerHeight,11000);
摄像机位置设置(0,0,10);
var renderer=new THREE.WebGLRenderer({
反别名:对
});
renderer.setSize(window.innerWidth、window.innerHeight);
document.body.appendChild(renderer.doElement);
var controls=新的三个.OrbitControls(摄影机、渲染器.doElement);
var灯=新的三方向灯(0xffffff,0.5);
灯。位置。设置刻度(10);
场景。添加(灯光);
添加(新的三个环境光(0xffffff,0.5));
var cylGeom=新的三个圆柱缓冲几何体(1,1,5,16);
var顶点=cyGeom.attributes.position;
//更改上顶点
var v3=new THREE.Vector3();//温度向量
for(设i=0;i0?(v3.x*0.5)+2.5:v3.y;//根据条件和方程改变位置
顶点.setY(i,v3.y);//设置顶点的y分量
}
var cylMat=新的3.0网格LambertMaterial({
颜色:“浅绿色”
});
var cyl=新的三网格(cylGeom,cylMat);
场景。添加(共青团);
renderer.setAnimationLoop(()=>{
渲染器。渲染(场景、摄影机)
});
正文{
溢出:隐藏;
保证金:0;
}


在blender或3dsmax中建模,并在three.js中导入,请参见“是”,但我需要根据用户输入更改倾斜角度,因此不能直接使用stl或任何其他模型。